以下内容仍在持续完善中,如有遗漏或需要补充之处,欢迎在评论区指出。感谢支持,如果觉得有帮助,欢迎点赞鼓励。感谢支持
JavaScript 框架 | Vue.js | Vue.js - 渐进式 JavaScript 框架 | Vue.js | |
React | React | ||
Angular | Home • Angular | ||
jQuery | jQuery | ||
Backbone.js | Backbone.js | ||
CSS 框架 | Bootstrap | Bootstrap · The most popular HTML, CSS, and JS library in the world. | |
Tailwind CSS | Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. | ||
Foundation | The most advanced responsive front-end framework in the world. | Foundation | ||
UI 框架 | Element Plus | A Vue 3 UI Framework | Element Plus | |
Ant Design | Ant Design - The world's second most popular React UI framework | ||
Layui | https://www.layui.com/ | ||
UI组件 | Select2 | Getting Started | Select2 - The jQuery replacement for select boxes | 用于增强 HTML 选择元素的库,提供丰富的选择功能。 |
Tagify | https://github.com/yairEO/tagify | 标签输入框库,支持自定义样式和功能。 | |
Flatpickr | Introduction | 轻量级日期选择器库,易于使用且高度可定制。 | |
移动端组件库 | Vant | Vant 4 - A lightweight, customizable Vue UI library for mobile web apps. | |
Cube-UI | cube-ui Document | ||
Mint-UI | mint-ui documentation | ||
PC 端组件库 | Element-UI | Element - The world's most popular Vue UI framework | |
Ant Design of Vue | Ant Design Vue | ||
iView | iView / View Design 一套企业级 UI 组件库和前端解决方案 | ||
通用组件库 | uView | uView 2.0 - 全面兼容 nvue 的 uni-app 生态框架 - uni-app UI 框架 | |
Quasar | Quasar Framework | ||
内容管理 | Cofoundry | https://cofoundry-cms.com/ | 基于 .Net 开发的内容管理系统,支持代码优先开发和插件扩展。 |
Piranha.core | Piranha CMS - Open Source, Cross Platform Asp.NET Core CMS | 轻量级跨平台 CMS,支持多种模板和解耦设计,可作为移动应用后端。 | |
状态管理 | Redux | Redux - A JS library for predictable and maintainable global state management | Redux | JavaScript 应用状态管理库,常用于 React 应用中管理应用状态 |
Vuex | What is Vuex? | Vuex | Vue.js 应用的状态管理模式和库,帮助管理应用的状态 | |
MobX | MobX | 轻量级状态管理库,旨在简化状态管理并提高开发效率 | |
Recoil | Recoil | Facebook 推出的状态管理库,用于 React 应用,支持细粒度的状态管理 | |
桌面应用开发 | Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron | JavaScript、HTML 和 CSS 构建跨平台桌面应用程序 |
NW.js | NW.js | Node.js 和 Chromium 整合为一个运行时,创建桌面应用 | |
Pupeteer | Puppeteer | Puppeteer | Node 库,提供高级 API 以控制 DevTools 协议 | |
地图应用开发 | OpenLayers | OpenLayers - Welcome | JavaScript 库,用于在 Web 上构建地图应用 |
Leaflet | Leaflet - a JavaScript library for interactive maps | 轻量级开源 JavaScript 库,用于移动设备友好的交互式地图 | |
Mapbox GL JS | API Reference | Mapbox GL JS | Mapbox | WebGL 渲染交互式、可定制地图,性能高、可视化效果丰富 | |
MapLibre GL JS | MapLibre GL JS | 开源 WebGL 地图渲染库,支持 WebGL 地图渲染和交互 | |
CesiumJS | CesiumJS – Cesium | 用于在 web 浏览器中创建3D地球和2D地图的JavaScript库,无需插件 | |
L7 | https://antv.vision/l7-cn | 基于 WebGL 的开源大规模地理空间数据可视分析开发框架 | |
数据可视化 | D3.js | D3 by Observable | The JavaScript library for bespoke data visualization | JavaScript 库,用于创建数据驱动文档和复杂可视化图表 |
ECharts | Apache ECharts | 基于 JavaScript 的数据可视化库,提供丰富图表和交互功能 | |
Highcharts | https://www.highcharts.com/ | 流行开源 JavaScript 图表库,易于使用且功能强大 | |
Chart.js | Chart.js | Open source HTML5 Charts for your website | 简单易用的开源 JavaScript 图表库,支持多种图表类型 | |
Three.js | Three.js – JavaScript 3D Library | 基于 WebGL 的3D图形库,用于创建和显示3D图形 | |
图表可视化 | Ember Chart | https://ember-charts.com/ | 基于 D3.js 和 Ember.js 构建的图表库,提供多种图表类型,易于扩展。 |
低代码开发 | Appsmith | Appsmith | Open-Source Low-Code Application Platform | 低代码平台,可视化拖拽搭建后台界面,支持多数据源和 JS 自定义脚本。 |
ToolJet | ToolJet | AI-Native Platform for Building Internal Tools | 提供拖拽式界面设计和内置查询编辑器,支持自定义 JS 脚本和多种数据源。 | |
全栈开发 | Wasp | Voice Actions for iOS, Mac, Android and Chrome | 配置式全栈开发框架,通过声明式语言定义应用结构,底层基于 React、Node.js 和 Prisma。 |
后端服务 | Supabase | Supabase | The Open Source Firebase Alternative | Firebase 开源替代方案,提供托管数据库、身份认证、文件存储等后端服务。 |
框架增强 | Refine | Refine | Open-source Retool for Enterprise | 基于 React 的应用开发框架,支持多种数据源适配器和 UI 框架,适合复杂后台系统。 |
代码编辑与开发工具 | Visual Studio Code | Visual Studio Code - Code Editing. Redefined | 开源代码编辑器,基于 Electron 构建,支持多种编程语言和插件 |
Atom | Sunsetting Atom - The GitHub Blog | GitHub 开发的开源文本编辑器,支持插件和自定义主题 | |
Brackets | Brackets - A modern, open source code editor that understands web design. | 轻量级代码编辑器,专为网页设计和前端开发而创建 | |
Jupyter Notebook | Project Jupyter | Home | 开源的交互式计算环境,支持多种编程语言和数据科学 | |
VS Code Insiders | Download Visual Studio Code Insiders | VS Code 的预览版,提供最新的功能和改进 | |
代码编辑 | Prepros | Your Friendly Web Development Companion | 代码预处理器,支持 Less、Sass、Stylus 等语言的自动编译和刷新。 |
ajax请求 | Axios | Axios | 基于 Promise 的 HTTP 客户端,支持请求和响应拦截 |
学习平台 | FreeCodeCamp | https://www.freecodecamp.org/ | 在线编程学习平台,提供前端开发、后端开发和数据可视化等课程。 |
工具库 | LitElement | Lit | Web Components 库,用于构建可复用的自定义元素。 |
Polymer | Polymer library - Polymer Project | 用于构建 Web Components 的库,支持模块化和封装。 | |
Stencil | Stencil | 用于创建高性能 Web Components 的工具,支持 TypeScript 和多种构建优化。 | |
Lodash | lodash.com | 提供常用函数式编程工具,如数组和对象操作、函数防抖等。 | |
Moment.js | momentjs.com | JavaScript 库,用于处理日期和时间。强大的日期处理库,提供日期解析、格式化、计算等功能。 | |
Day.js | https://day.js.org | Moment.js 的轻量级替代品,体积更小但功能完备。 | |
clipboard.js | github.com/zenorocha/clipboard.js | 轻量级的复制粘贴操作库,易于集成 | |
实时通信 | Pusher | Pusher | Leader In Realtime Technologies | 实时通信平台,用于构建实时功能(如聊天、通知等)。 |
Socket.IO | Socket.IO | 实时双向通信库,用于构建实时 Web 应用。 | |
Firebase | https://firebase.google.com/ | 提供实时数据库和云服务的平台,适合快速开发。 | |
性能优化 | Lodash Debounce | Lodash Documentation | 用于防抖函数的库,可优化性能。 |
Throttle.js | https://github.com/jugglinmike/Throttle.js | 用于节流函数的库,可优化性能。 | |
LazyLoad.js | https://github.com/ressio/lazy-load | 图片懒加载库,用于优化页面加载性能。 | |
无障碍设计 | Axe-core | https://github.com/dequelabs/axe-core | 用于检测 Web 应用无障碍问题的库。 |
Pa11y | https://github.com/pa11y/pa11y | 无障碍自动化测试工具,用于检测 Web 页面的无障碍问题。 | |
Tenon.js | https://tenon.io/ | 无障碍检测工具,提供详细的无障碍问题报告。 | |
搜索建议 | Typeahead.js | https://github.com/twitter/typeahead.js | 提供强大的自动完成功能的库。 |
Bloodhound | https://github.com/twitter/typeahead.js/blob/master/doc/bloodhound.md | 用于增强自动完成功能的建议引擎。 | |
Awesomeplete | https://github.com/devbridge/Autocomplete | 轻量级自动完成功能库,易于使用。 | |
测试 | Jest | Jest · 🃏 Delightful JavaScript Testing | JavaScript 测试框架,支持快照测试和模拟函数。 |
Mocha | Mocha - the fun, simple, flexible JavaScript test framework | 测试框架,支持多种断言库和报告器。 | |
Cypress | Testing Frameworks for Javascript | Write, Run, Debug | Cypress | 端到端测试工具,提供直观的测试体验 | |
动画库 | Animate.css | daneden.github.io/animate.css | CSS3 动画库,提供多种预设动画效果,适用于网页元素的动画展示。 |
Anime.js | animejs.com | 强大的轻量级动画库,支持 CSS 属性、SVG、DOM 属性等多种动画效果。 | |
WOW.js | github.com/matthieua/WOW | 滚动展示动画,依赖 animate.css,可实现页面滚动时元素的动画效果。 | |
ScrollReveal.js | github.com/jlmakes/scrollreveal | 类似 WOW.js 的动画库,可通过配置实现丰富的滚动动画效果。 | |
滚动库 | iScroll | github.com/cubiq/iscroll | 平滑滚动插件,适用于移动设备的触摸滚动场景。 |
BetterScroll | github.com/ustbhuangyi/better-scroll | iscroll 的优化版,提供流畅的移动端滑动体验。 | |
MeScroll | mescroll.com | 支持移动端上拉刷新和下拉加载功能的滚动库。 | |
轮播图库 | Swiper | swiper.com.cn | 常用于移动端网站的触摸滑动轮播图库。 |
OwlCarousel2 | owlcarousel2.github.io/OwlCarousel2 | 提供多种轮播效果,支持触摸和响应式布局。 | |
Slip.js | github.com/binnng/slip.js | 轻量级移动端跟随手指滑动组件,零依赖 | |
富文本编辑器库 | Quill | quilljs.com | 开源富文本编辑器,支持现代浏览器,提供丰富的编辑功能。 |
wangEditor | www.wangeditor.com | 国产富文本编辑器,易于集成和定制。 | |
Simditor | simditor.tower.im | 简洁易用的富文本编辑器,支持多种插件扩展。 | |
表单处理 | FormValidation | The best validation library for JavaScript - FormValidation | 用于表单验证的库,支持多种验证规则和插件。 |
Parsley.js | Parsley - The ultimate JavaScript form validation library | 自动表单验证库,易于集成和使用。 | |
Vuelidate | Getting started | Vuelidate | Vue.js 的表单验证库,支持声明式和响应式验证。 | |
图片懒加载 | LazySizes | https://github.com/aFarkas/lazysizes | 轻量级的响应式图片懒加载库。 |
Lozad.js | https://github.com/ApoorvaJ/lozad.js | 简单的懒加载库,支持图片、视频等多种元素。 | |
Blazy.js | https://github.com/dogfuntion/Blazy.js | 轻量级的图片懒加载库,支持回调函数。 | |
响应式设计 | Breakpoints.js | https://github.com/ajrhumphrey24/breakpoints | 响应式设计库,用于检测和管理断点。 |
Enquire.js | https://github.com/WickyNilliams/enquire.js | 响应式设计库,支持媒体查询的 JavaScript 回调。 | |
Adapt.js | https://github.com/IanLunn/Adapt.js | 响应式设计库,用于调整布局以适应不同的屏幕尺寸。 | |
代码高亮 | Prism.js | Prism | 轻量级代码高亮库,支持多种编程语言。 |
Highlight.js | highlight.js | 代码高亮库,易于使用且支持多种语言。 | |
Rainbow | Rainbow - Javascript Code Syntax Highlighting | 代码高亮库,支持多种语言和主题 | |
文件上传 | Dropzone.js | 302 dropzone - JS.ORG | 用于文件拖放上传的库,支持多种自定义选项。 |
Fine Uploader | Home - Fine Uploader | 强大的文件上传库,支持断点续传和拖放上传。 | |
Plupload | Plupload: Multi-runtime File-Uploader | 文件上传库,支持多种上传运行时(如 HTML5、Flash 等)。 | |
模态框和弹窗 | Modal.js | https://github.com/pineapple-js/pineapple-modal | 响应式模态框库,易于使用和自定义。 |
Magnific Popup | Magnific Popup: Responsive jQuery Lightbox Plugin | 弹窗库,支持多种弹窗类型和动画效果。 | |
Lightbox.js | Lightbox2 | 图片弹窗库,用于创建简洁的图片灯箱效果。 | |
微前端框架 | Single-SPA | single-spa | single-spa | 用于构建微前端架构的框架,支持多技术栈集成。 |
微前端框架 | qiankun | qiankun - qiankun | 阿里开源的微前端解决方案,基于 Single-SPA 封装。 |
响应式框架 | SolidJS | https://www.solidjs.com/ | 高性能响应式框架,语法类似 React,但无虚拟 DOM。 |
轻量框架 | Alpine.js | Alpine.js | 轻量级前端框架,通过 HTML 属性实现响应式交互 |
数据请求 | SWR | https://swr.vercel.app/ | React Hooks 数据请求库,支持缓存、重试和实时更新。 |
数据请求 | React Query | TanStack Query | 强大的异步数据管理库,支持缓存、同步和错误处理。 |
状态管理 | Zustand | Zustand | 轻量级 React 状态管理库,API 简洁高效。 |
状态管理 | Jotai | Jotai, primitive and flexible state management for React | 原子化状态管理库,适用于 React 应用。 |
状态机 | XState | XState - JavaScript State Machines and Statecharts | 基于有限状态机的状态管理库,支持复杂逻辑可视化。 |
动画引擎 | GSAP (GreenSock) | https://greensock.com/gsap/ | 高性能动画库,支持复杂时间轴和物理效果。 |
手势库 | Hammer.js | Hammer.JS - Hammer.js | 手势识别库,支持触摸、滑动、旋转等操作。 |
拖放库 | react-beautiful-dnd | https://github.com/atlassian/react-beautiful-dnd | 专为 React 设计的拖放组件,支持列表重排序。 |
拖放库 | dnd-kit | dnd kit – a modern drag and drop toolkit for React | 现代轻量级拖放工具包,支持无障碍和复杂交互。 |
图表库 | Recharts | Recharts | 基于 React 和 D3 的声明式图表库。 |
图表库 | Victory | Victory | React 和 React Native 的模块化图表库。 |
3D 可视化 | Babylon.js | Babylon.js: Powerful, Beautiful, Simple, Open - Web-Based 3D At Its Best | 强大的 Web 3D 引擎,支持游戏和复杂场景渲染。 |
表单库 | Formik | Formik: Build forms in React, without the tears | React 表单管理库,简化表单处理和验证。 |
表单库 | React Hook Form | React Hook Form - performant, flexible and extensible form library | 基于 React Hooks 的高性能表单库,支持无控制组件。 |
表格组件 | AG Grid | AG Grid: High-Performance React Grid, Angular Grid, JavaScript Grid | 企业级表格库,支持复杂数据展示和编辑。 |
表格组件 | TanStack Table | TanStack Table | 无头 UI 表格库,支持 React、Vue 等框架。 |
构建工具 | Vite | Vite | Next Generation Frontend Tooling | 新一代前端构建工具,支持快速开发和按需编译。 |
静态站点生成 | Astro | Astro | 轻量级静态站点生成器,支持多框架组件。 |
打包工具 | Parcel | Parcel | 零配置的 Web 应用打包工具。 |
CSS-in-JS | styled-components | styled-components | 通过模板字符串编写 CSS 的 React 样式库。 |
CSS-in-JS | Emotion | Emotion – Introduction | 高性能 CSS-in-JS 库,支持动态样式和 SSR。 |
静态站点生成 | Astro | Astro | 轻量级静态站点生成器,支持多框架组件。 |
跨平台框架 | Ionic | Ionic Framework - The Cross-Platform App Development Leader | 使用 Web 技术构建跨平台移动应用的框架。 |
原生渲染 | React Native | React Native · Learn once, write anywhere | 使用 React 构建原生移动应用的框架。 |
小程序框架 | Taro | Taro | 多端统一开发解决方案 | 多端统一开发框架,支持微信小程序、H5 等 |