| JavaScript 框架 | Vue.js | cn.vuejs.org/ | |
| React | reactjs.org/ | | |
| Angular | angular.io/ | | |
| jQuery | jquery.com/ | | |
| Backbone.js | backbonejs.org/ | | |
| CSS 框架 | Bootstrap | getbootstrap.com/ | |
| Tailwind CSS | tailwindcss.com/ | |
| Foundation | get.foundation/ | |
| UI 框架 | Element Plus | element-plus.org/ | |
| Ant Design | ant.design/ | |
| Layui | www.layui.com/ | |
| UI组件 | Select2 | select2.org/ | 用于增强 HTML 选择元素的库,提供丰富的选择功能。 |
| Tagify | github.com/yairEO/tagi… | 标签输入框库,支持自定义样式和功能。 | |
| Flatpickr | flatpickr.js.org/ | 轻量级日期选择器库,易于使用且高度可定制。 | |
| 移动端组件库 | Vant | vant-ui.github.io/vant/#/zh-C… | |
| Cube-UI | didi.github.io/cube-ui/#/z… | |
| Mint-UI | mint-ui.github.io/docs/#/zh-c… | |
| PC 端组件库 | Element-UI | element.eleme.io/ | |
| Ant Design of Vue | vue.ant.design/docs/vue/in… | |
| iView | www.iviewui.com/docs/introd… | |
| 通用组件库 | uView | www.uviewui.com/ | |
| Quasar | quasar.dev/ | | |
| 内容管理 | Cofoundry | cofoundry-cms.com/ | 基于 .Net 开发的内容管理系统,支持代码优先开发和插件扩展。 |
| Piranha.core | piranhacms.org/ | 轻量级跨平台 CMS,支持多种模板和解耦设计,可作为移动应用后端。 | |
| 状态管理 | Redux | redux.js.org/ | JavaScript 应用状态管理库,常用于 React 应用中管理应用状态 |
| Vuex | vuex.vuejs.org/ | Vue.js 应用的状态管理模式和库,帮助管理应用的状态 | |
| MobX | mobx.js.org/ | 轻量级状态管理库,旨在简化状态管理并提高开发效率 | |
| Recoil | recoiljs.org/ | Facebook 推出的状态管理库,用于 React 应用,支持细粒度的状态管理 | |
| | | |
| 桌面应用开发 | Electron | www.electronjs.org/ | JavaScript、HTML 和 CSS 构建跨平台桌面应用程序 |
| NW.js | nwjs.io/ | Node.js 和 Chromium 整合为一个运行时,创建桌面应用 | |
| Pupeteer | pptr.dev/ | Node 库,提供高级 API 以控制 DevTools 协议 | |
| 地图应用开发 | OpenLayers | openlayers.org/ | JavaScript 库,用于在 Web 上构建地图应用 |
| Leaflet | leafletjs.com/ | 轻量级开源 JavaScript 库,用于移动设备友好的交互式地图 | |
| Mapbox GL JS | docs.mapbox.com/mapbox-gl-j… | WebGL 渲染交互式、可定制地图,性能高、可视化效果丰富 | |
| MapLibre GL JS | maplibre.org/maplibre-gl… | 开源 WebGL 地图渲染库,支持 WebGL 地图渲染和交互 | |
| CesiumJS | cesium.com/platform/ce… | 用于在 web 浏览器中创建3D地球和2D地图的JavaScript库,无需插件 | |
| L7 | antv.vision/l7-cn | 基于 WebGL 的开源大规模地理空间数据可视分析开发框架 | |
| 数据可视化 | D3.js | d3js.org/ | JavaScript 库,用于创建数据驱动文档和复杂可视化图表 |
| ECharts | echarts.apache.org/zh/index.ht… | 基于 JavaScript 的数据可视化库,提供丰富图表和交互功能 | |
| Highcharts | www.highcharts.com/ | 流行开源 JavaScript 图表库,易于使用且功能强大 | |
| Chart.js | www.chartjs.org/ | 简单易用的开源 JavaScript 图表库,支持多种图表类型 | |
| Three.js | threejs.org/ | 基于 WebGL 的3D图形库,用于创建和显示3D图形 | |
| 图表可视化 | Ember Chart | ember-charts.com/ | 基于 D3.js 和 Ember.js 构建的图表库,提供多种图表类型,易于扩展。 |
| 低代码开发 | Appsmith | appsmith.com/ | 低代码平台,可视化拖拽搭建后台界面,支持多数据源和 JS 自定义脚本。 |
| ToolJet | tooljet.com/ | 提供拖拽式界面设计和内置查询编辑器,支持自定义 JS 脚本和多种数据源。 | |
| 全栈开发 | Wasp | wasp-lang.org/ | 配置式全栈开发框架,通过声明式语言定义应用结构,底层基于 React、Node.js 和 Prisma。 |
| 后端服务 | Supabase | supabase.com/ | Firebase 开源替代方案,提供托管数据库、身份认证、文件存储等后端服务。 |
| 框架增强 | Refine | refine.dev/ | 基于 React 的应用开发框架,支持多种数据源适配器和 UI 框架,适合复杂后台系统。 |
| 代码编辑与开发工具 | Visual Studio Code | code.visualstudio.com/ | 开源代码编辑器,基于 Electron 构建,支持多种编程语言和插件 |
| Atom | atom.io/ | GitHub 开发的开源文本编辑器,支持插件和自定义主题 | |
| Brackets | brackets.io/ | 轻量级代码编辑器,专为网页设计和前端开发而创建 | |
| Jupyter Notebook | jupyter.org/ | 开源的交互式计算环境,支持多种编程语言和数据科学 | |
| VS Code Insiders | code.visualstudio.com/insiders/ | VS Code 的预览版,提供最新的功能和改进 | |
| 代码编辑 | Prepros | prepros.io/ | 代码预处理器,支持 Less、Sass、Stylus 等语言的自动编译和刷新。 |
| ajax请求 | Axios | axios-http.com/ | 基于 Promise 的 HTTP 客户端,支持请求和响应拦截 |
| 学习平台 | FreeCodeCamp | www.freecodecamp.org/ | 在线编程学习平台,提供前端开发、后端开发和数据可视化等课程。 |
| 工具库 | LitElement | lit.dev/ | Web Components 库,用于构建可复用的自定义元素。 |
| Polymer | polymer-library.polymer-project.org/ | 用于构建 Web Components 的库,支持模块化和封装。 | |
| Stencil | stenciljs.com/ | 用于创建高性能 Web Components 的工具,支持 TypeScript 和多种构建优化。 | |
| Lodash | lodash.com | 提供常用函数式编程工具,如数组和对象操作、函数防抖等。 | |
| Moment.js | momentjs.com | JavaScript 库,用于处理日期和时间。强大的日期处理库,提供日期解析、格式化、计算等功能。 | |
| Day.js | day.js.org | Moment.js 的轻量级替代品,体积更小但功能完备。 | |
| clipboard.js | github.com/zenorocha/c… | 轻量级的复制粘贴操作库,易于集成 | |
| 实时通信 | Pusher | pusher.com/ | 实时通信平台,用于构建实时功能(如聊天、通知等)。 |
| Socket.IO | socket.io/ | 实时双向通信库,用于构建实时 Web 应用。 | |
| Firebase | firebase.google.com/ | 提供实时数据库和云服务的平台,适合快速开发。 | |
| 性能优化 | Lodash Debounce | lodash.com/docs/4.17.1… | 用于防抖函数的库,可优化性能。 |
| Throttle.js | github.com/jugglinmike… | 用于节流函数的库,可优化性能。 | |
| LazyLoad.js | github.com/ressio/lazy… | 图片懒加载库,用于优化页面加载性能。 | |
| 无障碍设计 | Axe-core | github.com/dequelabs/a… | 用于检测 Web 应用无障碍问题的库。 |
| Pa11y | github.com/pa11y/pa11y | 无障碍自动化测试工具,用于检测 Web 页面的无障碍问题。 | |
| Tenon.js | tenon.io/ | 无障碍检测工具,提供详细的无障碍问题报告。 | |
| 搜索建议 | Typeahead.js | github.com/twitter/typ… | 提供强大的自动完成功能的库。 |
| Bloodhound | github.com/twitter/typ… | 用于增强自动完成功能的建议引擎。 | |
| Awesomeplete | github.com/devbridge/A… | 轻量级自动完成功能库,易于使用。 | |
| 测试 | Jest | jestjs.io/ | JavaScript 测试框架,支持快照测试和模拟函数。 |
| Mocha | mochajs.org/ | 测试框架,支持多种断言库和报告器。 | |
| Cypress | www.cypress.io/ | 端到端测试工具,提供直观的测试体验 | |
| 动画库 | Animate.css | daneden.github.io/animate.css | CSS3 动画库,提供多种预设动画效果,适用于网页元素的动画展示。 |
| Anime.js | animejs.com | 强大的轻量级动画库,支持 CSS 属性、SVG、DOM 属性等多种动画效果。 | |
| WOW.js | github.com/matthieua/W… | 滚动展示动画,依赖 animate.css,可实现页面滚动时元素的动画效果。 | |
| ScrollReveal.js | github.com/jlmakes/scr… | 类似 WOW.js 的动画库,可通过配置实现丰富的滚动动画效果。 | |
| 滚动库 | iScroll | github.com/cubiq/iscro… | 平滑滚动插件,适用于移动设备的触摸滚动场景。 |
| BetterScroll | github.com/ustbhuangyi… | iscroll 的优化版,提供流畅的移动端滑动体验。 | |
| MeScroll | mescroll.com | 支持移动端上拉刷新和下拉加载功能的滚动库。 | |
| 轮播图库 | Swiper | swiper.com.cn | 常用于移动端网站的触摸滑动轮播图库。 |
| OwlCarousel2 | owlcarousel2.github.io/OwlCarousel… | 提供多种轮播效果,支持触摸和响应式布局。 | |
| Slip.js | github.com/binnng/slip… | 轻量级移动端跟随手指滑动组件,零依赖 | |
| 富文本编辑器库 | Quill | quilljs.com | 开源富文本编辑器,支持现代浏览器,提供丰富的编辑功能。 |
| wangEditor | www.wangeditor.com | 国产富文本编辑器,易于集成和定制。 | |
| Simditor | simditor.tower.im | 简洁易用的富文本编辑器,支持多种插件扩展。 | |
| 表单处理 | FormValidation | formvalidation.io/ | 用于表单验证的库,支持多种验证规则和插件。 |
| Parsley.js | parsleyjs.org/ | 自动表单验证库,易于集成和使用。 | |
| Vuelidate | vuelidate-next.netlify.app/ | Vue.js 的表单验证库,支持声明式和响应式验证。 | |
| 图片懒加载 | LazySizes | github.com/aFarkas/laz… | 轻量级的响应式图片懒加载库。 |
| Lozad.js | github.com/ApoorvaJ/lo… | 简单的懒加载库,支持图片、视频等多种元素。 | |
| Blazy.js | github.com/dogfuntion/… | 轻量级的图片懒加载库,支持回调函数。 | |
| 响应式设计 | Breakpoints.js | github.com/ajrhumphrey… | 响应式设计库,用于检测和管理断点。 |
| Enquire.js | github.com/WickyNillia… | 响应式设计库,支持媒体查询的 JavaScript 回调。 | |
| Adapt.js | github.com/IanLunn/Ada… | 响应式设计库,用于调整布局以适应不同的屏幕尺寸。 | |
| 代码高亮 | Prism.js | prismjs.com/ | 轻量级代码高亮库,支持多种编程语言。 |
| Highlight.js | highlightjs.org/ | 代码高亮库,易于使用且支持多种语言。 | |
| Rainbow | craig.is/making/rain… | 代码高亮库,支持多种语言和主题 | |
| 文件上传 | Dropzone.js | dropzone.js.org/ | 用于文件拖放上传的库,支持多种自定义选项。 |
| Fine Uploader | fineuploader.com/ | 强大的文件上传库,支持断点续传和拖放上传。 | |
| Plupload | www.plupload.com/ | 文件上传库,支持多种上传运行时(如 HTML5、Flash 等)。 | |
| 模态框和弹窗 | Modal.js | github.com/pineapple-j… | 响应式模态框库,易于使用和自定义。 |
| Magnific Popup | dimsemenov.com/plugins/mag… | 弹窗库,支持多种弹窗类型和动画效果。 | |
| Lightbox.js | lokeshdhakar.com/projects/li… | 图片弹窗库,用于创建简洁的图片灯箱效果。 | |
| 微前端框架 | Single-SPA | single-spa.js.org/ | 用于构建微前端架构的框架,支持多技术栈集成。 |
| 微前端框架 | qiankun | qiankun.umijs.org/ | 阿里开源的微前端解决方案,基于 Single-SPA 封装。 |
| 响应式框架 | SolidJS | www.solidjs.com/ | 高性能响应式框架,语法类似 React,但无虚拟 DOM。 |
| 轻量框架 | Alpine.js | alpinejs.dev/ | 轻量级前端框架,通过 HTML 属性实现响应式交互 |
| 数据请求 | SWR | swr.vercel.app/ | React Hooks 数据请求库,支持缓存、重试和实时更新。 |
| 数据请求 | React Query | tanstack.com/query | 强大的异步数据管理库,支持缓存、同步和错误处理。 |
| 状态管理 | Zustand | zustand-demo.pmnd.rs/ | 轻量级 React 状态管理库,API 简洁高效。 |
| 状态管理 | Jotai | jotai.org/ | 原子化状态管理库,适用于 React 应用。 |
| 状态机 | XState | xstate.js.org/ | 基于有限状态机的状态管理库,支持复杂逻辑可视化。 |
| 动画引擎 | GSAP (GreenSock) | greensock.com/gsap/ | 高性能动画库,支持复杂时间轴和物理效果。 |
| 手势库 | Hammer.js | hammerjs.github.io/ | 手势识别库,支持触摸、滑动、旋转等操作。 |
| 拖放库 | react-beautiful-dnd | github.com/atlassian/r… | 专为 React 设计的拖放组件,支持列表重排序。 |
| 拖放库 | dnd-kit | dndkit.com/ | 现代轻量级拖放工具包,支持无障碍和复杂交互。 |
| 图表库 | Recharts | recharts.org/ | 基于 React 和 D3 的声明式图表库。 |
| 图表库 | Victory | formidable.com/open-source… | React 和 React Native 的模块化图表库。 |
| 3D 可视化 | Babylon.js | www.babylonjs.com/ | 强大的 Web 3D 引擎,支持游戏和复杂场景渲染。 |
| 表单库 | Formik | formik.org/ | React 表单管理库,简化表单处理和验证。 |
| 表单库 | React Hook Form | react-hook-form.com/ | 基于 React Hooks 的高性能表单库,支持无控制组件。 |
| 表格组件 | AG Grid | www.ag-grid.com/ | 企业级表格库,支持复杂数据展示和编辑。 |
| 表格组件 | TanStack Table | tanstack.com/table | 无头 UI 表格库,支持 React、Vue 等框架。 |
| 构建工具 | Vite | vitejs.dev/ | 新一代前端构建工具,支持快速开发和按需编译。 |
| 静态站点生成 | Astro | astro.build/ | 轻量级静态站点生成器,支持多框架组件。 |
| 打包工具 | Parcel | parceljs.org/ | 零配置的 Web 应用打包工具。 |
| CSS-in-JS | styled-components | styled-components.com/ | 通过模板字符串编写 CSS 的 React 样式库。 |
| CSS-in-JS | Emotion | emotion.sh/ | 高性能 CSS-in-JS 库,支持动态样式和 SSR。 |
| 静态站点生成 | Astro | astro.build/ | 轻量级静态站点生成器,支持多框架组件。 |
| 跨平台框架 | Ionic | ionicframework.com/ | 使用 Web 技术构建跨平台移动应用的框架。 |
| 原生渲染 | React Native | reactnative.dev/ | 使用 React 构建原生移动应用的框架。 |
| 小程序框架 | Taro | taro.zone/ | 多端统一开发框架,支持微信小程序、H5 等 |