前端
UI组件库
-
Vuetify (Vue生态): https://vuetifyjs.com/zh-Hans/getting-started/installation/
-
Element Plus (Vue生态): https://element-plus.org/zh-CN/guide/installation.html
-
Inspira UI (Vue生态现代组件集): https://inspira-ui.com/docs/cn/components
-
shadcn-vue (Vue生态): https://shadcn-vue.com/
-
reka-ui (Vue生态): https://reka-ui.com/ 轻量级
-
Lew UI (Vue生态): https://app.tngeek.com/web/lew_ui/#/
-
Material Web (Google安卓原生风格): https://material-web.dev/
-
MUI (React生态, Google Material Design): https://mui.com/material-ui/getting-started/
-
Fluent UI (React生态，微软风格): https://react.fluentui.dev/
-
shadcn/ui (React生态): https://www.shadcn-ui.cn/docs/installation
-
coss ui (React生态): https://coss.com/ui/docs
-
HeroUI (React生态): https://heroui.com/
CSS样式库
- daisyUI (Tailwind CSS生态): https://daisyui.com/docs/cdn/?lang=zh_hans
- Primer (GitHub风格): https://primer.style/product/
动画组件库
- React Bits: https://reactbits.dev/get-started/introduction
- Vue Bits: https://vue-bits.dev/
- Uiverse（HTML，React）: https://uiverse.io/elements
- FormKit AutoAnimate（通用）: https://auto-animate.formkit.com/#examples
| 原生前端库 | 推荐库 | 官方地址 |
|---|---|---|
| 工具类（数组/对象/日期） | lodash 、 day.js | lodash 官网 / day.js 官网 |
| AJAX 数据请求 | axios | axios 官网 |
| 轻量级动画 | anime.js | anime.js 官网 |
| 复杂动画 | GSAP | GSAP 官网 |
| 简单 UI 组件 | Shoelace | Shoelace 官网 |
| 轻量前端框架 | Alpine.js | Alpine.js 官网 |
| 模板渲染 | Mustache.js | Mustache.js 官网 |
| 数据可视化 | Chart.js 、 D3.js | Chart.js 官网 / D3.js 官网 |
| 3D 渲染 | Three.js | Three.js 官网 |
| 播放器 | videojs | videojs 官网 |
| 在线UI设计 | pixso | pixso 官网 |
前端镜像站
BootCDN：https://www.bootcdn.cn/
七牛云：https://www.staticfile.org/
jsDelivr国内镜像(非官方)：https://cdn.jsdmirror.com/
Gcore jsDelivr镜像：https://gcore.jsdelivr.net/
NPM 全库镜像：https://unpkg.com/
tailwindcss淘宝镜像：https://registry.npmmirror.com/tailwindcss-cdn/3.4.10/files/tailwindcss.js