前端开源JavaScript库

138 阅读9分钟
分类名称官网地址简要描述
JavaScript 框架Vue.jscn.vuejs.org/
Reactreactjs.org/
Angularangular.io/
jQueryjquery.com/
Backbone.jsbackbonejs.org/
CSS 框架Bootstrapgetbootstrap.com/
Tailwind CSStailwindcss.com/
Foundationget.foundation/
UI 框架Element Pluselement-plus.org/
Ant Designant.design/
Layuiwww.layui.com/
UI组件Select2select2.org/用于增强 HTML 选择元素的库,提供丰富的选择功能。
Tagifygithub.com/yairEO/tagi…标签输入框库,支持自定义样式和功能。
Flatpickrflatpickr.js.org/轻量级日期选择器库,易于使用且高度可定制。
移动端组件库Vantvant-ui.github.io/vant/#/zh-C…
Cube-UIdidi.github.io/cube-ui/#/z…
Mint-UImint-ui.github.io/docs/#/zh-c…
PC 端组件库Element-UIelement.eleme.io/
Ant Design of Vuevue.ant.design/docs/vue/in…
iViewwww.iviewui.com/docs/introd…
通用组件库uViewwww.uviewui.com/
Quasarquasar.dev/
内容管理Cofoundrycofoundry-cms.com/基于 .Net 开发的内容管理系统,支持代码优先开发和插件扩展。
Piranha.corepiranhacms.org/轻量级跨平台 CMS,支持多种模板和解耦设计,可作为移动应用后端。
状态管理Reduxredux.js.org/JavaScript 应用状态管理库,常用于 React 应用中管理应用状态
Vuexvuex.vuejs.org/Vue.js 应用的状态管理模式和库,帮助管理应用的状态
MobXmobx.js.org/轻量级状态管理库,旨在简化状态管理并提高开发效率
Recoilrecoiljs.org/Facebook 推出的状态管理库,用于 React 应用,支持细粒度的状态管理
桌面应用开发Electronwww.electronjs.org/JavaScript、HTML 和 CSS 构建跨平台桌面应用程序
NW.jsnwjs.io/Node.js 和 Chromium 整合为一个运行时,创建桌面应用
Pupeteerpptr.dev/Node 库,提供高级 API 以控制 DevTools 协议
地图应用开发OpenLayersopenlayers.org/JavaScript 库,用于在 Web 上构建地图应用
Leafletleafletjs.com/轻量级开源 JavaScript 库,用于移动设备友好的交互式地图
Mapbox GL JSdocs.mapbox.com/mapbox-gl-j…WebGL 渲染交互式、可定制地图,性能高、可视化效果丰富
MapLibre GL JSmaplibre.org/maplibre-gl…开源 WebGL 地图渲染库,支持 WebGL 地图渲染和交互
CesiumJScesium.com/platform/ce…用于在 web 浏览器中创建3D地球和2D地图的JavaScript库,无需插件
L7antv.vision/l7-cn基于 WebGL 的开源大规模地理空间数据可视分析开发框架
数据可视化D3.jsd3js.org/JavaScript 库,用于创建数据驱动文档和复杂可视化图表
EChartsecharts.apache.org/zh/index.ht…基于 JavaScript 的数据可视化库,提供丰富图表和交互功能
Highchartswww.highcharts.com/流行开源 JavaScript 图表库,易于使用且功能强大
Chart.jswww.chartjs.org/简单易用的开源 JavaScript 图表库,支持多种图表类型
Three.jsthreejs.org/基于 WebGL 的3D图形库,用于创建和显示3D图形
图表可视化Ember Chartember-charts.com/基于 D3.js 和 Ember.js 构建的图表库,提供多种图表类型,易于扩展。
低代码开发Appsmithappsmith.com/低代码平台,可视化拖拽搭建后台界面,支持多数据源和 JS 自定义脚本。
ToolJettooljet.com/提供拖拽式界面设计和内置查询编辑器,支持自定义 JS 脚本和多种数据源。
全栈开发Waspwasp-lang.org/配置式全栈开发框架,通过声明式语言定义应用结构,底层基于 React、Node.js 和 Prisma。
后端服务Supabasesupabase.com/Firebase 开源替代方案,提供托管数据库、身份认证、文件存储等后端服务。
框架增强Refinerefine.dev/基于 React 的应用开发框架,支持多种数据源适配器和 UI 框架,适合复杂后台系统。
代码编辑与开发工具Visual Studio Codecode.visualstudio.com/开源代码编辑器,基于 Electron 构建,支持多种编程语言和插件
Atomatom.io/GitHub 开发的开源文本编辑器,支持插件和自定义主题
Bracketsbrackets.io/轻量级代码编辑器,专为网页设计和前端开发而创建
Jupyter Notebookjupyter.org/开源的交互式计算环境,支持多种编程语言和数据科学
VS Code Insiderscode.visualstudio.com/insiders/VS Code 的预览版,提供最新的功能和改进
代码编辑Preprosprepros.io/代码预处理器,支持 Less、Sass、Stylus 等语言的自动编译和刷新。
ajax请求Axiosaxios-http.com/基于 Promise 的 HTTP 客户端,支持请求和响应拦截
学习平台FreeCodeCampwww.freecodecamp.org/在线编程学习平台,提供前端开发、后端开发和数据可视化等课程。
工具库LitElementlit.dev/Web Components 库,用于构建可复用的自定义元素。
Polymerpolymer-library.polymer-project.org/用于构建 Web Components 的库,支持模块化和封装。
Stencilstenciljs.com/用于创建高性能 Web Components 的工具,支持 TypeScript 和多种构建优化。
Lodashlodash.com提供常用函数式编程工具,如数组和对象操作、函数防抖等。
Moment.jsmomentjs.comJavaScript 库,用于处理日期和时间。强大的日期处理库,提供日期解析、格式化、计算等功能。
Day.jsday.js.orgMoment.js 的轻量级替代品,体积更小但功能完备。
clipboard.jsgithub.com/zenorocha/c…轻量级的复制粘贴操作库,易于集成
实时通信Pusherpusher.com/实时通信平台,用于构建实时功能(如聊天、通知等)。
Socket.IOsocket.io/实时双向通信库,用于构建实时 Web 应用。
Firebasefirebase.google.com/提供实时数据库和云服务的平台,适合快速开发。
性能优化Lodash Debouncelodash.com/docs/4.17.1…用于防抖函数的库,可优化性能。
Throttle.jsgithub.com/jugglinmike…用于节流函数的库,可优化性能。
LazyLoad.jsgithub.com/ressio/lazy…图片懒加载库,用于优化页面加载性能。
无障碍设计Axe-coregithub.com/dequelabs/a…用于检测 Web 应用无障碍问题的库。
Pa11ygithub.com/pa11y/pa11y无障碍自动化测试工具,用于检测 Web 页面的无障碍问题。
Tenon.jstenon.io/无障碍检测工具,提供详细的无障碍问题报告。
搜索建议Typeahead.jsgithub.com/twitter/typ…提供强大的自动完成功能的库。
Bloodhoundgithub.com/twitter/typ…用于增强自动完成功能的建议引擎。
Awesomepletegithub.com/devbridge/A…轻量级自动完成功能库,易于使用。
测试Jestjestjs.io/JavaScript 测试框架,支持快照测试和模拟函数。
Mochamochajs.org/测试框架,支持多种断言库和报告器。
Cypresswww.cypress.io/端到端测试工具,提供直观的测试体验
动画库Animate.cssdaneden.github.io/animate.cssCSS3 动画库,提供多种预设动画效果,适用于网页元素的动画展示。
Anime.jsanimejs.com强大的轻量级动画库,支持 CSS 属性、SVG、DOM 属性等多种动画效果。
WOW.jsgithub.com/matthieua/W…滚动展示动画,依赖 animate.css,可实现页面滚动时元素的动画效果。
ScrollReveal.jsgithub.com/jlmakes/scr…类似 WOW.js 的动画库,可通过配置实现丰富的滚动动画效果。
滚动库iScrollgithub.com/cubiq/iscro…平滑滚动插件,适用于移动设备的触摸滚动场景。
BetterScrollgithub.com/ustbhuangyi…iscroll 的优化版,提供流畅的移动端滑动体验。
MeScrollmescroll.com支持移动端上拉刷新和下拉加载功能的滚动库。
轮播图库Swiperswiper.com.cn常用于移动端网站的触摸滑动轮播图库。
OwlCarousel2owlcarousel2.github.io/OwlCarousel…提供多种轮播效果,支持触摸和响应式布局。
Slip.jsgithub.com/binnng/slip…轻量级移动端跟随手指滑动组件,零依赖
富文本编辑器库Quillquilljs.com开源富文本编辑器,支持现代浏览器,提供丰富的编辑功能。
wangEditorwww.wangeditor.com国产富文本编辑器,易于集成和定制。
Simditorsimditor.tower.im简洁易用的富文本编辑器,支持多种插件扩展。
表单处理FormValidationformvalidation.io/用于表单验证的库,支持多种验证规则和插件。
Parsley.jsparsleyjs.org/自动表单验证库,易于集成和使用。
Vuelidatevuelidate-next.netlify.app/Vue.js 的表单验证库,支持声明式和响应式验证。
图片懒加载LazySizesgithub.com/aFarkas/laz…轻量级的响应式图片懒加载库。
Lozad.jsgithub.com/ApoorvaJ/lo…简单的懒加载库,支持图片、视频等多种元素。
Blazy.jsgithub.com/dogfuntion/…轻量级的图片懒加载库,支持回调函数。
响应式设计Breakpoints.jsgithub.com/ajrhumphrey…响应式设计库,用于检测和管理断点。
Enquire.jsgithub.com/WickyNillia…响应式设计库,支持媒体查询的 JavaScript 回调。
Adapt.jsgithub.com/IanLunn/Ada…响应式设计库,用于调整布局以适应不同的屏幕尺寸。
代码高亮Prism.jsprismjs.com/轻量级代码高亮库,支持多种编程语言。
Highlight.jshighlightjs.org/代码高亮库,易于使用且支持多种语言。
Rainbowcraig.is/making/rain…代码高亮库,支持多种语言和主题
文件上传Dropzone.jsdropzone.js.org/用于文件拖放上传的库,支持多种自定义选项。
Fine Uploaderfineuploader.com/强大的文件上传库,支持断点续传和拖放上传。
Pluploadwww.plupload.com/文件上传库,支持多种上传运行时(如 HTML5、Flash 等)。
模态框和弹窗Modal.jsgithub.com/pineapple-j…响应式模态框库,易于使用和自定义。
Magnific Popupdimsemenov.com/plugins/mag…弹窗库,支持多种弹窗类型和动画效果。
Lightbox.jslokeshdhakar.com/projects/li…图片弹窗库,用于创建简洁的图片灯箱效果。
微前端框架Single-SPAsingle-spa.js.org/用于构建微前端架构的框架,支持多技术栈集成。
微前端框架qiankunqiankun.umijs.org/阿里开源的微前端解决方案,基于 Single-SPA 封装。
响应式框架SolidJSwww.solidjs.com/高性能响应式框架,语法类似 React,但无虚拟 DOM。
轻量框架Alpine.jsalpinejs.dev/轻量级前端框架,通过 HTML 属性实现响应式交互
数据请求SWRswr.vercel.app/React Hooks 数据请求库,支持缓存、重试和实时更新。
数据请求React Querytanstack.com/query强大的异步数据管理库,支持缓存、同步和错误处理。
状态管理Zustandzustand-demo.pmnd.rs/轻量级 React 状态管理库,API 简洁高效。
状态管理Jotaijotai.org/原子化状态管理库,适用于 React 应用。
状态机XStatexstate.js.org/基于有限状态机的状态管理库,支持复杂逻辑可视化。
动画引擎GSAP (GreenSock)greensock.com/gsap/高性能动画库,支持复杂时间轴和物理效果。
手势库Hammer.jshammerjs.github.io/手势识别库,支持触摸、滑动、旋转等操作。
拖放库react-beautiful-dndgithub.com/atlassian/r…专为 React 设计的拖放组件,支持列表重排序。
拖放库dnd-kitdndkit.com/现代轻量级拖放工具包,支持无障碍和复杂交互。
图表库Rechartsrecharts.org/基于 React 和 D3 的声明式图表库。
图表库Victoryformidable.com/open-source…React 和 React Native 的模块化图表库。
3D 可视化Babylon.jswww.babylonjs.com/强大的 Web 3D 引擎,支持游戏和复杂场景渲染。
表单库Formikformik.org/React 表单管理库,简化表单处理和验证。
表单库React Hook Formreact-hook-form.com/基于 React Hooks 的高性能表单库,支持无控制组件。
表格组件AG Gridwww.ag-grid.com/企业级表格库,支持复杂数据展示和编辑。
表格组件TanStack Tabletanstack.com/table无头 UI 表格库,支持 React、Vue 等框架。
构建工具Vitevitejs.dev/新一代前端构建工具,支持快速开发和按需编译。
静态站点生成Astroastro.build/轻量级静态站点生成器,支持多框架组件。
打包工具Parcelparceljs.org/零配置的 Web 应用打包工具。
CSS-in-JSstyled-componentsstyled-components.com/通过模板字符串编写 CSS 的 React 样式库。
CSS-in-JSEmotionemotion.sh/高性能 CSS-in-JS 库,支持动态样式和 SSR。
静态站点生成Astroastro.build/轻量级静态站点生成器,支持多框架组件。
跨平台框架Ionicionicframework.com/使用 Web 技术构建跨平台移动应用的框架。
原生渲染React Nativereactnative.dev/使用 React 构建原生移动应用的框架。
小程序框架Tarotaro.zone/多端统一开发框架,支持微信小程序、H5 等