Web Frontend Common Frameworks and Libraries Import Links

Contents

1. 1. JavaScript Frameworks
   1. 1.1. jQuery
   2. 1.2. React.js
   3. 1.3. Vue.js
2. 2. UI Frameworks
   1. 2.1. jQuery-Based UI Frameworks
      1. 2.1.1. Bootstrap
      2. 2.1.2. LayUI
   2. 2.2. VueJS-based UI Frameworks
      1. 2.2.1. Element UI
   3. 2.3. React-based UI Frameworks
      1. 2.3.1. Material UI
3. 3. UI Components
   1. 3.1. Data Visualization
      1. 3.1.1. Apache Echarts
   2. 3.2. Form Components
      1. 3.2.1. Rich Text Editors

JavaScript Frameworks

jQuery

jsDelivr

<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>

React.js

unpkg

<!-- dev -->
<script crossorigin src="https://unpkg.com/react@17/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
<!-- prod -->
<script crossorigin src="https://unpkg.com/react@17/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"></script>

Vue.js

jsDelivr

<!-- dev -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- prod -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>

unpkg

<script src="https://unpkg.com/vue/dist/vue.js"></script>

UI Frameworks

jQuery-Based UI Frameworks

Bootstrap

jsDelivr

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>

LayUI

<link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
<script src="https://www.layuicdn.com/layui/layui.js"></script>

VueJS-based UI Frameworks

Element UI

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

React-based UI Frameworks

Material UI

unpkg

<!-- dev -->
<script src="https://unpkg.com/@material-ui/core@latest/umd/material-ui.development.js"></script>
<!-- prod -->
<script src="https://unpkg.com/@material-ui/core@latest/umd/material-ui.production.min.js"></script>

UI Components

Data Visualization

Apache Echarts

jsDelivr

<script src="https://cdn.jsdelivr.net/npm/echarts@5.0.2/dist/echarts.min.js"></script>

Form Components

Rich Text Editors

wangEditor

<script
  type="text/javascript"
  src="https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js"
></script>