Web Frontend Common Frameworks and Libraries Import Links

Posted on Edited on In ,

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>