Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

wangliang01/awesome-javascript

Open more actions menu
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

Awesome JavaScript Awesome

A collection of awesome browser-side JavaScript libraries, resources and shiny things.


Package Managers (包管理器)

用于托管 JavaScript 库并提供获取和打包工具的包管理器

  • npm - JavaScript 的包管理器。
  • Bower - Web 的包管理器。
  • component - 用于构建更好的 Web 应用的客户端包管理。
  • spm - 全新的静态包管理器。
  • jam - 一个使用面向浏览器且兼容 RequireJS 的仓库的包管理器。
  • jspm - 无摩擦的浏览器包管理。
  • Ender - 无库的库。
  • volo - 从模板创建前端项目,添加依赖,并自动化生成的项目。
  • Duo - 下一代包管理器,融合了 Component、Browserify 和 Go 的最佳理念,让组织和编写前端代码变得快速无痛。
  • yarn - 快速、可靠、安����的依赖管理。
  • pnpm - 快速、节省磁盘空间的包管理器。

Component Management (组件管理)

  • Bit - Create, find and reuse components (React, Angular, Node etc.) across applications.

Loaders (加载器)

JavaScript 的模块和加载系统。

  • RequireJS - JavaScript 文件和模块加载器。
  • browserify - 在浏览器端实现 node.js 风格的 require()。
  • SeaJS - Web 端模块加载器。
  • HeadJS - HEAD 中唯一的脚本。
  • lazyload - 小巧的、无依赖的异步 JavaScript 和 CSS 加载器。
  • script.js - 异步 JavaScript 加载器和依赖管理器。
  • systemjs - 符合 AMD、CJS 和 ES6 规范的模块加载器。
  • LodJS - 基于 AMD 的模块加载器。
  • ESL - 浏览器优先的模块加���器,支持延迟定义和 AMD。
  • modulejs - 轻量级 JavaScript 模块系统。

Transpilers (转译器)

将现代 JavaScript 语法转换为旧版本 JavaScript 语法的软件。

  • SWC - 基于 Rust 的可扩展编译平台。

Bundlers (打包工具)

  • webpack - 为浏览器打包 CommonJs/AMD 模块。
  • Rollup - 下一代 ES6 模块打包器。
  • Brunch - 快速的前端 Web 应用构建工具,配置简单直观。
  • Parcel - 极速零配置的 Web 应用打包器。
  • Microbundle - 零配置的小型模块打包器。
  • FuseBox - 正确实现打包的工具
  • Snowpack - 为现代 Web 设计的快速前端构建工具。
  • bundle - 快速的在线 npm 包大小检查工具。

Minimizers (压缩工具)

  • Terser - ES6+ 的解析器、压缩器和美化器工具包
  • Uglify - 解析器/压缩器/美化器工具包

Type Checkers (类型检查器)

  • TypeScript - JavaScript 的类型化超集,可编译为通 JavaScript。
  • Flow.js - Facebook 开发的 JavaScript 静态类型检查器。
  • Hegel - 偏向类型推断和强类型系统的 JavaScript 静态类型检查器。
  • TypL - 偏向类型推断的 JavaScript 类型检查器。
  • Hindley Milner Definitions - 使用类似 Haskell 的 Hindley Milner 类型签名对 JavaScript 函数进行运行时类型检查。

Testing Frameworks (测试框架)

Frameworks(框架)

  • mocha - 简单、灵活、有趣的 JavaScript 测试框架,用于 Node.js 和浏览器。
  • jasmine - 无DOM的简单 JavaScript 测试框架。
  • qunit - 一个易于使用的 JavaScript 单元测试框架。
  • jest - 简单的 JavaScript 单元测试框架。
  • prova - 基于 Tape 和 Browserify 的 Node 和浏览器测试运行器
  • DalekJS - 自动化的跨浏览器功能测试
  • Protractor - AngularJS 应用的端到端测试框架。
  • tape - TAP 生产测试工具,适用于 node 和浏�������������������������
  • TestCafe - 现代 web 开发栈的自动化浏览器测试。
  • ava - 🚀 面向未来的 JavaScript 测试运行器
  • Cypress - 适用于浏览器及其他环境的完整端到端测试框架。
  • WebdriverI/O - 下一代 Node.js 浏览器和移动测试框架
  • taiko - 用于自动化基于 Chromium 浏览器的 Node.js 库。
  • Playwright - 使用单一 API 自动化 Chromium、Firefox 和 WebKit 的 Node.js 库。

Assertion (断言)

  • chai - 可与任何测试框架配合使用的 BDD/TDD 断言库。
  • Enzyme - React 的 JavaScript 测试工具,可以更容易地断言、操作和遍历 React 组件的输出。
  • react testing library - 简单且完整的 React DOM 测试工具,鼓励良好的测试实践。
  • Sinon.JS - JavaScript 的测试监视器、存根和模拟。
  • expect.js - 适用于 Node.JS 和浏览器的简约 BDD 风格断言库。
  • proxyquire - Node.js require 方法的存根。

Coverage (代码覆盖)

  • istanbul - 又一个 JavaScript 代码覆盖率工具。
  • blanket - 一个简单的 JavaScript 代码覆盖率库,设计为易于安装和使用,适用于浏览器和 nodejs。
  • JSCover - JSCover 是一个用于测量 JavaScript 程序代码覆盖率的工具。

Runner(运行器)

  • phantomjs - 可编程的无头 WebKit。
  • slimerjs - 一个类似 PhantomJS 的工具,运行在 Gecko 引擎上。
  • casperjs - 用于 PhantomJS 和 SlimerJS 的导航脚本和测试工具。
  • zombie - 使用 node.js 的超快速、全栈、无头浏览器测试。
  • totoro - 一个简单稳定的跨浏览器测试工具。
  • karma - 壮观的 JavaScript 测试运行器。
  • nightwatch - 基于 node.js 和 selenium webdriver 的 UI 自动化测试框架。
  • intern - 下一代 JavaScript 代码测试栈。
  • puppeteer - 由 Google Chrome 官方团队开发的无头 Chrome Node.js API。
  • webdriverio - 下一代 Node.js 的 WebDriver 测试自动化框架。
  • taiko - 一个用于自动化基于 Chromium 浏览器的 Node.js 库。
  • Playwright - 使用单一 API 自动化 Chromium、Firefox 和 WebKit 的 Node.js 库。

QA Tools (质量保证工具)

  • prettier - Prettier 是一个固执己见的代码格式化工具。
  • JSHint - JSHint 是一个帮助检测 JavaScript 代码中的错误和潜在问题的工具。
  • jscs - JavaScript 代码风格检查器。
  • jsfmt - 用于格式化、搜索和重写 JavaScript 代码。
  • jsinspect - 检测复制粘贴和结构相似的代码。
  • buddy.js - JavaScript 代码中的魔法数字检测。
  • ESLint - 一个完全可插拔的用于识别和报告 JavaScript 中的模式的工具。
  • JSLint - 高标准、严格且固执己见的��码质量工具,旨在只保留语言中好的部分。
  • JavaScript Standard Style - 固执己见的零配置代码风格指南、风格检查器和格式化工具。
  • Pre-evaluate code at buildtime - 在构建时预评估前端 JavaScript 代码。
  • JS-Beautifier - 用于格式化 JS 代码的 npm cli 和库。
  • husky - 防止糟糕的 git commit、git push 等操作。

MVC Frameworks and Libraries (MVC 框架和库)

  • angular.js - HTML 增强型 web 应用框架(已弃用)。
  • angular - Angular 是一个使用 TypeScript/JavaScript 构建移动端和桌面 Web 应用的开发平台。
  • aurelia - 用于移动端、桌面和 Web 的 JavaScript 客户端框架。
  • backbone - 为你的 JS 应用提供带有模型、视图、集合和事件的主干。
  • ember.js - 用于创建雄心勃勃的 Web 应用的 JavaScript 框架。
  • meteor - 超简单的、无处不在数据库、在线数据、纯 JavaScript 的 Web 框架。
  • ractive - 新一代 DOM 操作库。
  • vue - 用于构建用户界面的直观、快速和可组合的 MVVM 框架。
  • svelte - 通过编译实现真正的响应式用户界面。
  • knockout - Knockout 使用 MVVM 模式让 JavaScript UI 动态化。
  • spine - 用于构建 JavaScript 应用的轻量级 MVC 库。
  • espresso.js - 用于制作用户界面的最小的 JavaScript 库。
  • canjs - 可以让 JS 更好、更快、更简单的框架。
  • react - 用于构建用户界面的库。
  • hyperapp - 用于构建前端应用的微型框架。
  • preact - React 的 3kb 轻量化替代方案,拥有相同的 ES6 API。
  • nativescript - 使用 JavaScript 构建真正的原生跨平台 iOS 和 Android 应用。
  • react-native - 用 React 构建原生应用的框架。
  • riot - 类 React 库,但体积非常小。
  • thorax - 加强你的 Backbone。
  • chaplin - 使用 Backbone.js 库的 JavaScript 应用架构。
  • marionette - 一个 Backbone.js 的复合应用程序库。
  • ripple - 一个小巧的、用于构建响应式视图的基础库。
  • rivets - 轻量级和强大的数据绑定和模板解决方案。
  • derby - MVC 框架,使编写实时协作应用变得容易。
  • way.js - 简单、轻量级、持久化的双向数据绑定。
  • mithril.js - Mithril 是一个客户端 MVC 框架(轻量级、健壮、快速)。
  • jsblocks - jsblocks 是更好的 MV* 框架。
  • feathers - 为未来的应用设计的极简实时 JavaScript 框架。
  • Keo - 支持 Shadow DOM 的函数式无状态 React 组件。
  • atvjs - 使用纯 JavaScript 快速开发 Apple TV 应用。
  • Alpine.js - 以更低成本��供��似 Vue 或 React 的��应��和��明���特���。
  • inferno - 🔥 一个极快的、类 React 的 JavaScript 库,用于构建现代用户界面。
  • FoalTS - 优雅且全面的 Node.JS Web 框架(TypeScript)。
  • Lucia - 3kb 的小型 Web 应用库。
  • Adonis - 专注于开发人员体验、稳定性和信心的 Node.js Web 框架。
  • GrapesJS - 免费开���的 Web ��建器框架。下一代无需编码的模板构建工具。
  • Rete.js - 一个模块化的可视化编程框架,允许在浏览器中创建基于节点的编辑器。
  • litegraph.js - 类似 PD 或 UDK Blueprints 的图形节点引擎和编辑器,带有 HTML5 Canvas2D 编辑器。
  • Drawflow - 让你能够轻松快速地创建数据流。
  • Blockly - Google 开发的为 Web 和移动应用添加可视化代码编辑器的库。
  • Million - <1kb 编译器驱动的虚拟 DOM。速度超快!
  • Whatsup - 一个轻松开发模式的前端框架 🥤。基于生成器的 JSX 组件、快速类 mobx 状态管理和独特的 cssx 样式系统。
  • Remult - 全栈 TypeScript 的 CRUD 框架。

Node-Powered CMS Frameworks (基于 Node 的 CMS ��架)

  • KeystoneJS - 强大的 CMS 和 Web 应用框架。
  • Reaction Commerce - 响应式 CMS,实时架构和设计。
  • Ghost - 简单而强大的发布平台。
  • Apostrophe - 提供内容编辑和基础服务的 CMS。
  • We.js - 用于实时应用、网站或博客的框架。
  • Hatch.js - 具有社交功能的 CMS 平台。
  • TaracotJS - 基于 Node.js 的快速简约 CMS。
  • Nodizecms - 为 CoffeeScript 爱好者设计的 CMS。
  • Cody - 带有所见即所得编辑器的 CMS。
  • PencilBlue - CMS 和博客平台。
  • Strapi - 开源的 Node.js Headless CMS,用于轻松构建可定制的 API。
  • Factor - JavaScript CMS。

Templating Engines(模板引擎)

Templating engines allow you to perform string interpolation.

  • mustache.js - JavaScript 最简洁的模板语法实现。
  • handlebars.js - Mustache 模板语言的扩展。
  • nunjucks - 丰富���强大的 JavaScript 模板语言。
  • hogan.js - Mustache 模板语言的编译器。
  • doT - 最快速简洁的 JavaScript 模板引擎。
  • dustjs - 适用于浏览器和 Node.js 的异步模板。
  • eco - 嵌入式 CoffeeScript 模板。
  • JavaScript-Templates - 轻量级、快速且强大的 JavaScript 模板引擎。
  • t.js - 小巧的 JavaScript 模板框���,压缩后仅有 400 字节。
  • Pug - 健壮、优雅且功能丰富的 Node.js 模板引擎。
  • EJS - 高效的 JavaScript 模板。
  • xtemplate - 可扩展的模板引擎,支持 Node 和浏览器。
  • marko - 快速、轻量级、基于 HTML 的模板引擎,支持异步、流式传输、自定义标签和 CommonJS 模块。

Game Engines (游戏引擎)

  • A-Frame - 用于构建 WebVR 的框架。
  • Cocos - 开源跨平台游戏开发框架。
  • Impact - HTML5 Canvas 和 JavaScript 游戏引擎���
  • GDevelop - 免费且易用的游戏制作应用。
  • Kaboom.js - 一个帮助你快速有趣地制作游戏的游戏编程库。
  • Matter.js - 2D JavaScript 物理引��。
  • melonJS - 开源的 HTML5 ��戏引擎,让开发者和设计师专注于内容。
  • Phaser - 快速、有趣且免费的开源 HTML5 游戏框架。
  • PixiJS - HTML5 创作引擎。
  • PlayCanvas - WebGL 游戏引擎。

Articles and Posts(文章与帖子)

Data Visualization (数据可视化)

用于网页的数据可视化工具

  • d3 - 用于 HTML 和 SVG 的 JavaScript 可视化库。
  • metrics-graphics - 为简洁、原则性的数据图形和布局优化的库。
  • three.js - JavaScript 3D 库。
  • Chart.js - 使用 <canvas> 标签的简单 HTML5 图表。
  • paper.js - 矢量图形脚本的瑞士军刀 - Scriptographer 移植到 JavaScript 和浏览器,使用 HTML5 Canvas。
  • fabric.js - JavaScript Canvas 库, SVG 转 Canvas (& Canvas 转 SVG) 解析器。
  • peity - 渐进式 条形图、折线图和饼图。
  • raphael - JavaScript 矢量库。
  • echarts - 企业级图表库。
  • visjs - 用于基于浏览器的动态数据可视化的多个库。
  • two.js - 与渲染器无关的二维绘图 API。
  • g.raphael - Raphaël 的图表库。
  • sigma.js - 专注于图形绘制的 JavaScript 库。
  • arbor - 使用 web workers 和 jQuery 的图形可视化库。
  • cubism - D3 的插件,用于可视化时间序列。
  • dc.js - 多维图表库,与 d3.js 配合使用。
  • vega - 可视化语法。
  • envisionjs - 动态 HTML5 可视化。
  • rickshaw - 用于创建交互式实时图表的 JavaScript 工具包。
  • flot - 具有吸引力的 jQuery 图表库。
  • morris.js - 漂亮的时间序列线图。
  • nvd3 - 为 d3.js 构建可复用图��和图表组件��
  • svg.js - 用于操作和动画 SVG 的轻量级库。
  • heatmap.js - 基于 HTML5 canvas 的热力图 JavaScript 库。
  • jquery.sparkline - 一个 jQuery 插件,用于直接在浏览器中生成小型图表。
  • trianglify - 低多边形风格背景图形生成器。
  • d3-cloud - 在 JavaScript 中创建词云。
  • d4 - 一个友好的可重用图表 DSL,基于 D3。
  • dimple.js - 由 d3 驱动的简单业务分析图表。
  • chartist-js - 简单的响应式图表。
  • epoch - 一个通用的实时图表库。
  • c3 - 基于 D3 的可重用图表库。
  • BabylonJS - 使用 HTML5 和 WebGL 构建 3D 游戏的框架。
  • recharts - 使用 React 和 D3 重新定义的图表库。
  • GraphicsJS - 具有直观 API 的轻量级 JavaScript 图形库。
  • mermaid - 从文本生成图表和流程图。
  • Frappe Charts - GitHub 启发的简单现代的 SVG 图表。
  • Frappe Gantt - 简单、交互式、现代的甘特图库。
  • G2 - 具有高度交互性的数据驱动的统计图表可视化语法。
  • G2Plot - 交互式响应式图表库,基于图形语法。
  • Cytoscape.js - 功能齐全的图论库。
  • cola.js - 使用基于约束的优化技术布局 HTML5 文档和图表的库。
  • jointjs - 用于创建静态图表或完全交互式图表工具的图表库。
  • vizzu - 用于动画数据可视化和数据故事的库。

此外还有一些优秀的商业库,如 amchart, anychart, plotly, 和 lightning chart

大屏可视化适配

  • autofit.js - 一个用于大屏可视化适配的 JavaScript 库。
  • v-scale-screen - 一个用于大屏可视化适配的 Vue 组件。
  • fit-screen - 一个用于大屏可视化适配的 React, Vue 组件。

Timeline (时间轴)

  • TimelineJS v3 - 用 JavaScript 构建的故事时间轴。
  • timesheet.js - 用于简单 HTML5 & CSS3 时间表的 JavaScript 库。

Spreadsheet (电子表格)

  • HANDSONTABLE - Handsontable 是一个面向开发者的 JavaScript/HTML5 电子表格库。
  • Frappe Datatable - Frappe DataTable 是一个简单、现代和交互式的数据表格库,用于显示表格数据。
  • Luckysheet - Luckysheet 是一个类似 excel 的在线电子表格,功能强大、配置简单且完全开源。
  • Jspreadsheet CE - Jspreadsheet 是一个轻量级的原生 javascript 插件,用于创建与其他电子表格软件兼容的令人惊叹的 web 交互式表格和电子表格。
  • RevoGrid - RevoGrid 是一个快速、响应式的类 excel 数据网格库,用于现代 web 应用。

Editors (编辑器)

  • ace - Ace (Ajax.org Cloud9 编辑器)。
  • CodeMirror - 浏览器内代码编辑器。
  • esprima - 用于多用途分析的 ECMAScript 解析基础设施。
  • quill - 具有 API 的跨浏览器富文本编辑器。
  • medium-editor - Medium.com 所见即所得编辑器克隆版。
  • pen - 享受实时编辑(支持 markdown)。
  • jquery-notebook - 一个简单、干净、优雅的文本编辑器。灵感来自 Medium 的出色设计。
  • bootstrap-wysiwyg - 小巧的、兼容 bootstrap 的所见即所得富文本编辑器。
  • ckeditor-releases - 适用于所有人的最佳网页文本编辑器。
  • editor - Markdown 编辑器。
  • EpicEditor - 可嵌入的 JavaScript Markdown 编辑器。
  • jsoneditor - 用于查看、编辑和格式化 JSON 的 Web 工具。
  • vim.js - 在 JavaScript 中实现的 Vim。
  • Squire - HTML5 富文本编辑器。
  • TinyMCE - JavaScript 富文本编辑器。
  • trix - 用于日常写作的富文本编辑器。
  • Trumbowyg - 一个轻量且惊人的所见即所得 JavaScript 编辑器。
  • Draft.js - 用于构建文本编辑器的 React 框架。
  • bootstrap-wysihtml5 - 简单、漂亮的所见即所得编辑器。
  • wysihtml5 - 基于 HTML5 和渐进增强方法的开源富文本编辑器。
  • raptor-editor - Raptor, 一个 HTML5 所见即所得内容编辑器!
  • popline - HTML5 富文本编辑器工具栏。
  • Summernote - 超级简单的所见即所得编辑器。
  • Everright-formEditor - 可视化拖放低代码表单编辑器。
  • wangEditor - 轻量级 web 富文本编辑器,配置方便,使用简单。支持 IE10+ 浏览器。

Documentation(文档)

  • DevDocs - 多个 API 文档的聚合器。
  • docco - 文学编程风格的文档生成器。
  • styledocco - 从样式表生成文档。
  • Ronn - 构建手册。手册是用于 Unix 系统的文档。
  • dox - Node.js 的 JavaScript 文档生成器。
  • jsdox - JSDoc3 到 Markdown 文档生成��。
  • ESDoc - 针对 ES6 的优秀文档生成器。
  • YUIDoc - Node.js 应用的文档生成器��
  • coddoc - 可扩展的 Node.js 注释解析器/生成器。
  • sphinx-js - Sphinx JSDoc 构建。
  • beautiful-docs - 从 Markdown 文件生成漂亮的文档。
  • documentation.js - API 文档生成器,支持 ES2015+ 和流注释。
  • jsdoc - JavaScript 的 API 文档生成器。
  • documentjs - 优秀的 JS 文档引擎。
  • jsdoc-to-markdown - 从 jsdoc 注释生成 markdown 文档。
  • swagger-ui - Swagger UI 是一个可以展示和编辑 Swagger/OpenAPI 规范的工具集合。
  • postman - 用于 API 开发的完整工具链。

Files(文件)

用于处理文件的库

  • Papa Parse - 强大的 CSV 库,支持解析 CSV 文件/字符串以及导出为 CSV。
  • jBinary - 用于二进制文件的高级 I/O(加载、��析、操作、序列化、保存),使用声明式语法来��述文��类型和数据结构。
  • diff2html - Git diff 输出解析器和漂亮的 HTML 生成器。
  • jsPDF - JavaScript PDF 生成。
  • PDF.js - JavaScript 实现的 PDF 阅读器。

Functional Programming (函数式编程)

扩展 JavaScript 函数式编程能力的库

  • underscore - JavaScript 的实用工具库。
  • lodash - 提供一致性、自定义、性能和其他功能的实用工具库。
  • Sugar - 用于处理原生对象的 JavaScript 库。
  • lazy.js - 类似 Underscore,但更懒惰。
  • ramda - 实用的 JavaScript 函数式编程库。
  • mout - 模块化的 JavaScript 实用工具。
  • preludejs - JavaScript 硬核函数式编程。
  • rambda - Ramda 的更快更小的替代品。
  • fxts - 惰性求值和并发。
  • wild-wild-path - 支持通配符和正则表达式的对象属性路径。
  • sweet-monads - 包含常用 monads 和惰性迭代器的实用工具库。

Reactive Programming (响应式编程)

扩展 JavaScript 响应式编程能力的库

  • RxJS - JavaScript 的响应式编程库。
  • Bacon - JavaScript 的函数响应式编程(FRP)库。
  • Kefir - 受 Bacon.js 和 RxJS 启发的 JavaScript FRP 库,专注于高性能和低内存消耗。
  • Highland - 重新思考 JavaScript 实用工具库,Highland 使用标准 JavaScript 和类 Node 流轻松管理同步和异步代码。
  • Most.js - 高性能 FRP 库。
  • MobX - 简单、可扩展的状态管理 TFRP 库。
  • Cycle.js - 用于更清晰代码的函数式和响应式 JavaScript 库。
  • concent - 绝对是最简单但最强大的 React 状态管理工具,它是可预测的、渐进式的和高效的。

Data Structure (数据结构)

用于构建更复杂应用的数据结构库

  • immutable-js - 不可变数据集合,包括 Sequence、Range、Repeat、Map、OrderedMap、Set 和稀疏 Vector。
  • mori - 一个库,让你可以在原生 JavaScript 中使用 ClojureScript 的持久数据结构和支持 API。
  • buckets - 完整的、经过充分测试和文档化的 JavaScript 数据结构库。
  • hashmap - 支持任何类型键的简单哈希映射实现。
  • ngraph.graph - JavaScript 中的图数据结构。
  • js-sdsl - 参考 C++ STL 实现的 JavaScript 标准数据结构库,支持 C++ 双向迭代器模式。

Date (日期)

  • moment - 在 JavaScript 中解析、验证、操作和显示日期。
  • moment-timezone - moment.js 的时区支持。
  • jquery-timeago - 一个 jQuery 插件,让显示模糊时间戳变得简单(如"4 分钟前")。
  • timezone-js - 支持时区的 JavaScript Date 对象。使用 Olson 时区数据。
  • date - 人性化的 Date()。
  • ms.js - 微小的毫秒转换工具。
  • countdown.js - 超级简单的倒计时。
  • timeago.js - 一个微小的库(小于 2kb),用于格式化日期显示为"*** 时间前"的形式。
  • fecha - 轻量级的日期格式化和解析库(~2KB)。旨在替代 moment.js 的解析和格式化功能。
  • date-fns - 现代 JavaScript 日期工具库。
  • map-countdown - 基于 Google Maps 构建的浏览器倒计时。
  • dayjs - Day.js 是一个轻量的(2KB) JavaScript 日期库,API 与 Moment.js 兼容。
  • luxon - Luxon 是一个用于在 JavaScript 中处理日期和时间的库。
  • tempo - 解析、格式化和时区处理 - Tempo 是一个用于原生 Date 对象的小型可摇树优化库。

String (字符串)

  • voca - 终极 JavaScript 字符串库。
  • selecting - 一个允许你获取用户选择的文本的库。
  • underscore.string - Underscore.js JavaScript 库的字符串操作扩展。
  • string.js - 额外的 JavaScript 字符串方法。
  • he - ��� JavaScript 编写的强大的 HTML 实体编码器/解码器。
  • multiline - JavaScript 中的多行字符串。
  • query-string - 解析和序列化 URL 查询字符串。
  • URI.js - JavaScript URL 操作库。
  • jsurl - 使用 JavaScript 进行轻量级 URL 操作。
  • sprintf.js - sprintf 的实现。
  • url-pattern - 比正则表达式更容易的 URL 和其他字符串的匹配模式。将字符串转换为数据或将数据转换为字符串。
  • plexis - 低调但强大的社区驱动字符串操作库。
  • url-state-machine - 超快的符合规范的 URL 解析状态机,适用于 Node.js。

Number (数字)

  • Numeral-js - 用于格式化和操作数字的 JavaScript 库。
  • chance.js - JavaScript 随机生成器助手。可以生成数字���字符串等。
  • odometer - 平滑数字转换效果。
  • accounting.js - 用于数字、货币和货币格式化的轻量级 JavaScript 库 - 完全本地化,零依赖。
  • money.js - 一个微小的(1kb)JavaScript 货币转换库,适用于 web 和 nodeJS。
  • Fraction.js - JavaScript 的有理数库。
  • Complex.js - JavaScript 的复数库。
  • Polynomial.js - JavaScript 的多项式库。
  • Quaternion.js - JavaScript 的四元数库。

Storage (存储)

  • store.js - 所有浏览器的 LocalStorage 包装器,无需使用 cookie 或 flash。底层使用 localStorage、globalStorage 和 userData 行为。
  • localForage - 离线存储的改进版。包装了 IndexedDB、WebSQL 或 localStorage,提供简单但强大的 API。
  • jStorage - jStorage ��一个简单的键值对数��库,用于在浏览器端存储数据。
  • cross-storage - 跨域本地存储,带权限控制。
  • basket.js - 用于缓存和加载脚本的脚本和资源加载器。
  • bag.js - 类似 basket.js 的缓存和资源加载器,但增加了键值接口和 localStorage/websql/indexedDB 支持。
  • basil.js - JavaScript 智能持久层缺失的部分。
  • jquery-cookie - 一个用于读写 cookie 的轻量级 jQuery 插件。
  • js-cookie - 一个用于处理浏览器 cookie 的简单、轻量级的 JavaScript API。
  • Cookies - JavaScript 客户端 Cookie 操作库。
  • DB.js - 基于 Promise 的 IndexDB 包装库。
  • lawnchair.js - 简单的客户端 JSON 存储。
  • sql.js - 通过 Emscripten 编译成 JavaScript 的 SQLite。
  • pouchdb - 受 Apache CouchDB 启发的 JavaScript 数据库,可以很好地运行在浏览器中。
  • crumbsjs - 轻量级的原生 ES6 cookies 和本地存储 JavaScript 库。
  • awesome-web-storage - 关于客户端存储你需要知道的一切。
  • datavore - 一个用 JavaScript 编写的小型、快速的浏览器内数据库引擎。
  • Hoodie - 离线优先的后端,可以在没有网络连接的情况下在浏览器中工作。
  • NeDB - 用于浏览器和 nw.js、electron 的嵌入式持久数据库。
  • Lovefield - Lovefield 是 Google 开发的用于 web 应用的关系数据库。
  • Dexie.js - Dexie.js 是 indexedDB 的包装库。
  • proxy-web-storage - 保持存储值类型不变并直接更改数组和对象。支持监听变化和设置过期时间。
  • PostgreSQL Browser - 浏览器 PostgreSQL 游乐场,无服务器,仅客户端和 pglite (postgresql wasm)。

Scroll (滚动)

  • scrollMonitor - 简单快速的 API 用于监控元素的滚动。
  • headroom - 给你的页���一些空间。在需要时隐藏你的页眉。
  • onepage-scroll - 创建类似 Apple 的单页滚动网站。
  • iscroll - iScroll 是一个高性能、小巧、无依赖、多平台的 JavaScript 滚动器。
  • skrollr - 独立的视差滚动库,适用于移动设备(Android + iOS)和桌面。无需 jQuery。
  • parallax - 对智能设备方向做出反应的视差引擎。
  • stellar.js - 轻松实现视差滚动。
  • plax - jQuery 驱动的视差效果。
  • jparallax - 用于创建交互式视差效果的 jQuery 插件。
  • fullPage - 简单易用的插件用于创建全屏滚动网站。
  • ScrollMenu - 一个新界面替代旧的无聊滚动条。
  • Clusterize.js - 用于轻松显示大数据集的小型原生 JS 插件。
  • simpleParallax - 用于为任何图像添加视差���画的���单小型 JavaScript 库。
  • rellax - 轻量级、原生 JavaScript 视差库。
  • asscroll - 混合平滑滚动设置,结合了虚拟滚动的性能优势和原生滚动的可靠性。
  • stroll - CSS 列表滚动效果的集合。
  • locomotive-scroll - 检测视口中的元素并实现平滑���动和视差效果��
  • elevator.js - 一个"返回顶部"按钮,行为就像真正的电梯。

Menu (菜单)

  • jQuery-menu-aim - 当用户的光标瞄准特定下拉菜单项时触发事件的 jQuery 插件。
  • jQuery contextMenu - 上下文菜单管理器。
  • Slideout - 适用于移动���络应用的响应式触摸滑出式导航菜单。
  • Slide and swipe - 与 touchSwipe 库配合使用的滑动菜单。
  • mmenu - 最好的 jQuery ���件,用于创建类似应用程序的开关式菜单。

Table/Grid (表格/网格)

  • jTable - 一个基于 AJAX 的 CRUD 表格 jQuery 插件。
  • DataTables - (jQuery 插件)一个高度灵活的工具,基于渐进增强的基础,为任何 HTML 表格添加高级交互控件。
  • Tabulator - (jQuery 插件)一个极其灵活的库,可以从任何 JSON 数据源或现有 HTML 表格创建具有一系列交互功���的表格。
  • Bootstrap Table - Bootstrap 框架的扩展,用于创建适合您网站风格的表格。
  • floatThead - (jQuery 插件)在滚动表格主体时锁定任何表格的表头。
  • Masonry - 级联网格布局库。
  • Packery - 使用装箱算法的网格布局库。支持拖拽布局。
  • Isotope - 可过滤、可排序的网格布局库。可以实现 Masonry、Packery 等布���。
  • flexboxgrid - 基于 CSS3 flexbox 的网格。

Frameworks (框架)

  • Semantic UI - 具有大量���题和元素的 UI 工具包。
  • w2ui - 一套用于数据驱动的 web 应用前端开发的 jQuery 插件。
  • fluidity - 世界上最小的完全响应式 CSS 框架。
  • Ink - SAPO 使用的 HTML5/CSS3 框架,用于快速高效的网站设计和原型开发。
  • DataFormsJS - 用于快速开发网站和单页应用的最小 JavaScript 框架和独立组件。
  • Next.js - React 框架,用于生产环境的全栈开发,支持SSR/SSG/ISR等渲染方式。
  • Nuxt.js - Vue.js 的通用应用框架,支持服务端渲染、静态站点生成等多种渲染模式。
  • Remix - 全栈 Web 框架,专注于网页基础和 Web 标准。
  • SvelteKit - Svelte 的应用框架,用于构建高性能 web 应用。
  • Astro - 现代化的静态站点构建工具,支持多框架组件集成。
  • Qwik - 新一��前端框架,专注于即时交互性和性能优化。
  • Solid Start - SolidJS 的全栈 Web 框架。
  • Blitz.js - 全栈 React 框架,构建于 Next.js 之上。
  • RedwoodJS - 全栈 JAMstack 框架,整合了 React、GraphQL、Prisma 等技术。

Boilerplates (样板文件)

  • html5-boilerplate - 用于构建快速、健壮和适应性强的 web 应用或网站的专业前端模板。
  • mobile-boilerplate - 帮助你构建快速、现代化移动 web 应用的前端模板。
  • webplate - 一个很棒的前端框架,让你专注于构建网站或应用,同时保持使用简单。
  • Cerberus - 一些简单但可靠的响应式 HTML 邮件模板。即使在 Outlook 中也能正常工作。
  • full-page-intro-and-navigation - 一个带有全宽背景图片、粗体动画菜单和类似 iOS 的导航模糊效果的���绍页面。
  • Fluid-Squares - 流体正方形单元网格。
  • Mobile-First-RWD - 移动优先的响应式网页设计示例。
  • this-is-responsive - 这就是响应式设计。
  • npm run-scripts - 使用 NPM run-scripts 实现任务自动化。
  • Wasp - Wasp 是一个声明式的领域特定语言,用于使用更少的代码开发、构建和部署现代 JavaScript 全栈 web 应用。

Images (图片)

  • Drift - 轻松为网站图片添加"悬停缩放"功能。轻量级、无依赖的 JavaScript。
  • Magnificent.js - 响应式缩放图片等,基于 jQuery。
  • Panolens.js - 基于事件驱动和 WebGL 的全景查看器。轻量级且灵活。

Gesture (手势)

  • hammer.js - 用于多点触控手势的 JavaScript 库。
  • touchemulator - 在桌面端模拟触摸输入。
  • Dragula - 超简单的拖放功能实现。

Maps

  • Leaflet - 用于移动友好的交互式地图的 JavaScript 库。
  • Cesium - 开源的 WebGL 虚拟地球和地图引擎。
  • gmaps - 使用 Google Maps 的最简单方法。
  • polymaps - 一个免费的 JavaScript 库,用于在现代浏览器制作动态交式地图。
  • kartograph.js - Kartograph SVG 地图的开源 JavaScript 渲染器。
  • mapbox.js - Mapbox JavaScript API, 一个 Leaflet 插件。
  • jqvmap - jQuery 矢量地图库。
  • OpenLayers3 - 高性能、功能丰富的地图库。
  • H3js - Uber 开发的用于地理空间可视化的六边形分层地理空间索引系统。
  • AMap - 高德地图 JavaScript API,提供了丰富的地图功能,包括地图展示、定位、搜索、路线规划等。

Video/Audio (视频/音频)

  • prettyembed.js - 更漂亮的 YouTube 嵌入 - 具有高分辨率预览图像、嵌入选项的高级自定义等功能。
  • Play-em JS - 管理音乐/视频播放队列的 JavaScript 组件。
  • polyplayer - 用统一的 API 控制 YouTube、Soundcloud 和 Vimeo 播放器。
  • flowplayer - 用于网页的 HTML5 视频播放器。
  • mediaelement - HTML5 音频或视频播放器。
  • SoundJS - 简化在网页上处理音频的库。
  • video.js - 开源的 HTML5 和 Flash 视频播放器。
  • FitVids.js - 用于流式视频嵌入的轻量级 jQuery 插件。
  • Ion.Sound - 在任何网页上播放简单的声音。
  • photobooth-js - 允许用户在您的网站上拍摄头像照片的小部件。
  • clappr - 可扩展的网页媒体播放器。
  • ts-audio - 用于处理 AudioContext API 的简单易用库。
  • AmplitudeJS - 开源的 HTML5 网页音频库。
  • ractive-player - 用于在 React.js 中制作交互式视频的库。
  • ffmpeg.js - 为浏览器使用优化的 FFmpeg。
  • flv.js - 纯 JavaScript 编写的 HTML5 Flash 视频播放器。
  • hls.js - 实现 HTTP Live Streaming 客户端的 JavaScript 库。

Typography (排版)

  • FlowType.JS - 最佳的 Web 排版:基于元素宽度的字体大小和行高。
  • BigText - jQuery 插件,计算字体大小和字间距以匹配特定宽度的文本行。
  • circletype - 一个让网页文字呈现曲线效果的 jQuery 插件。
  • slabText - 用于生成大胆响应式标题的 jQuery 插件。
  • simple-text-rotator - 为��站添加超级简单的文字轮播效果。
  • novacancy.js - 文字霓虹金效果 jQuery 插件。
  • jquery-responsive-text - 让你的文字大小响应式化!
  • FitText.js - 用于网页文字自适应的 jQuery 插件。
  • Lettering.js - 一个轻量级、易用的 JavaScript <span> 注入器,用于激进的 Web 排版。

Animations (动画)

  • velocity - 加速的 JavaScript 动画。
  • jquery.transit - 用于 jQuery 的超平滑 CSS3 变换和过渡。
  • bounce.js - 快速创建漂亮的 CSS3 动画。
  • GreenSock-JS - 适用于所有主流浏览器的高性能 HTML5 动画。
  • TransitionEnd - 跨浏览器的过渡事件处理库。
  • Dynamic.js - 基于物理的 CSS 动画 JavaScript 库。
  • the-cube - CSS3 过渡效果实��。
  • Effeckt.css - 高性能过渡和动画库。
  • animate.css - 跨浏览器的 CSS 动画库。使用简单如同简单的事情。
  • textillate - CSS3 文字动画简单插件。
  • move.js - 基于 CSS3 的 JavaScript 动画框架。
  • animatable - 一个属性,两个值,无限可能。
  • shuffle-images - 以创意方式切换图片的最简单方法。
  • smoothState.js - 使用 jQuery 实现无干扰的页面过渡。
  • Anime.js - JavaScript 动画引擎。
  • Mo.js - 网页运动图形工具带。
  • particles.js - 用于创建粒子的轻量级 JavaScript 库。
  • tsParticles - particles.js 的改进版本,修复了 bug 并添加了许多新功能。
  • particles-bg - 轻量级的 React 粒子动画背景组件。
  • barbajs - 帮助你创建网站页面之间流畅平滑的过渡。
  • typicaljs - ~400 字节 🐡 的 JavaScript 打字动画。
  • AutoAnimate - 只需一行代码即可为应用添加动效。
  • GSAP - 专业级的 JavaScript 动画库,提供流畅的���性能动画效果��
  • Lottie - Airbnb 开源的轻量级动画库,可以渲染 After Effects 动画。
  • wow.js - 当元素滚动到视图中时展现动画效果。与 animate.css 完美配合。
  • aos.js - 用于创建响应式网站的轻量级库,提供平滑的滚动和动画效果。

Image Processing (图像处理)

  • lena.js - 带有滤镜和实用功能的图像处理库。
  • pica - 高质量图像缩放(使用纯 JS 实现的快速 Lanczos 滤镜)。
  • cropper - 简单的 jQuery 图像裁剪插件。

ES6 (ES6)

  • es6features - ECMAScript 6 特性概述。
  • es6-features - ECMAScript 6: 特性概述和比较。
  • es6-cheatsheet - ES2015 [ES6] 速查表,包含提示、技巧、最佳实践和代码片段。
  • ECMAScript 6 compatibility table - 各种环境下 ECMAScript 6 特性的兼容性表格。
  • Babel - 将 ES6+ 代码转换为普通的 ES5 代码,无需运行时。
  • Traceur compiler - ES6 特性转换为 ES5。包括类、生成器、Promise、解构模式、默认参数等。

Canvas (画布)

  • Fabric.js - 强大的 JavaScript Canvas 库,让处理 HTML5 画布变得简单。
  • Paper.js - 矢量图形脚本的瑞士军刀,基于 HTML5 Canvas。
  • Konva.js - HTML5 Canvas JavaScript 框架,用于桌面和移动应用。
  • Two.js - 面向现代 web 浏览器的二维绘�� API。
  • Rough.js - 创建手绘风格图形的 Canvas 库。
  • p5.js - 用于创意编码的 JavaScript 库,让艺术家和设计师能够编程。
  • Pts.js - 用于可视化和创意编码的库。
  • Pencil.js - 漂亮的模块化 2D 绘图库。
  • Ocanvas - JavaScript 库,让 HTML5 Canvas 更加面向对象。
  • EaselJS - 让在 HTML5 Canvas 上工作变得更简单的库。
  • PixiJS - 快速的 2D 渲染引擎,使用 WebGL,支持 canvas 回退。
  • ZRender - 轻量级的 Canvas 类库,提供 2D 绘制能力。

Flow(流程)

  • Flowbite - 一个基于 Tailwind CSS 的组件库,用于构建现代、响应式的网页。
  • Mermaid - 以类似 Markdown 的文本语法生成流程图和图表。
  • GoJS - 功能丰富的交互式流程图、组织结构图等图表库。
  • JointJS - 用于创建静态和交互式图表的强大工具。
  • Drawflow - 简单的流程图库,让你能够轻松快速地创建数据流。
  • Dagre - 有向图布局的 JavaScript 库。
  • Flowchart.js - 从文本描述生成流程图的库。
  • js-sequence-diagrams - 从文本生成 UML 序列图。
  • D3.js - 用于创建数据可视化和流程图的强大库。
  • Vue Flow - Vue.js 的流程图组件库。
  • React Flow - React 的高度定制化流程图库。
  • X6 - 蚂蚁集团开源的图编辑引擎。
  • Butterfly - 阿里巴巴��源的基于 JavaScript/React 的流程图组件。
  • bpmn-js - BPMN 2.0 流程图渲染和编辑工具。

Generators

  • Gatsby.js - 基于 React 的静态站点生成器。
  • Gridsome - Vue 驱动的静态站点生成器。
  • Docusaurus - Facebook 开发的基于 React 的静态站点生成器,适合内容��中心的网站。
  • Next.js - React 驱动的静态站点生成器,"让 Web 更快的所有工具"。
  • Lume - Deno 的静态站点生成器。

SDK (软件开发工具包)

Full Text Search

  • lunr - 浏览器端的库,为 JSON 文档建立索引并提供简单的搜索接口。
  • flexsearch - 下一代浏览器和 Node.js 的全文搜索库。
  • Elasticlunr - 基于 lunr.js,但更灵活和可定制。

Translate(翻译)

  • translate.js 两行 JS 实现 HTML 全自动翻译。无需改动页面、无语言配置文件、无 API Key、对 SEO 友好!
  • i18next - 国际化(i18n)的 JavaScript 实现,简单易用。
  • vue-i18n - Vue.js 的国际化插件。
  • react-intl - React 组件的国际化。
  • polyglot - 小巧的 i18n 助手库,带有友好的 API。
  • ttag - 基于 ES6 标记模板的现代 JavaScript i18n 本地化库。
  • jquery.i18n - jQuery 国际化插件。
  • google-translate-api - 免费和无限制的 Google 翻译 API。
  • translatte - 使用 Google 翻译进行翻译的 JavaScript 库。
  • node-translate - 简单的 Google 翻译 CLI 工具。
  • deepl-translator - DeepL 翻译 API 的非官方 Node.js 库。
  • Rosetta - 轻量级的国际化工具。
  • Globalize - 一个支持多语言、本地化和格式化的 JavaScript 库。
  • Fluent.js - Mozilla 的本地化系统。
  • Lingui - JavaScript 的无缝国际化。

OCR(光学字符识别)

  • Tesseract.js - 纯 JavaScript 实现的 OCR 引擎,支持超过100种语言。
  • OCRAD.js - 通过 Emscripten 将 OCR 引擎编译为 JavaScript。
  • tracking.js - 一个现代的网页计算机视觉库,包含文字识别功能。
  • node-tesseract-ocr - Node.js 的 Tesseract OCR 封装。
  • jimp - 纯 JavaScript 图像处理库,可用于 OCR 预处理。
  • OCR.space - 提供 API 的在线 OCR 服务。
  • PaddleOCR.js - 基于 PaddlePaddle 的高性能 OCR 工具包的 JavaScript 版本。
  • TensorFlow.js OCR - 使用 TensorFlow.js 实现的手写数字识别。
  • GOCR.js - 将 GOCR 编译到 JavaScript。
  • Tess.js - 基于 Emscripten 的 Tesseract OCR 引擎的 JavaScript 移植版。

Misc (杂项)

  • echo - 使用 data-* 属性实现图片懒加载。
  • picturefill - 响应式图片的 polyfill,支持 <picture>、srcset、sizes。
  • platform.js - 适用于几乎所有 JavaScript 平台的平台检测库。
  • json3 - 与几乎所有 JavaScript 平台兼容的现代 JSON 实现。
  • Logical Or Not - 关于 JavaScript 特性的小游戏。
  • BitSet.js - JavaScript 位向量实现。
  • spoiler-alert - 剧透警告!一个用于在网站上隐藏剧透内容的 jQuery 插件。
  • jquery.vibrate.js - 振动 API 封装。
  • list.js - 为表格、列表和各种 HTML 元素添加搜索、排序、过滤和灵活性。设计为无感知并适用于现有 HTML。
  • mixitup - 过滤和排序插件。
  • grid - 用于二维、可调整大小和响应式列表的拖放库。
  • jquery-match-height - 一个响应式等高插件。
  • SurveyJS - JavaScript 调查和表单库。
  • Array ExplorerObject Explorer - 帮助确定在任何给定时间使用哪种原生 JavaScript 方法的��源。
  • Clipboard.js - "Copy to clipboard" without Flash or use of Frameworks.
  • ky - 基于浏览器 Fetch API 的小巧优雅的 HTTP 客户端。
  • Fcal - 数学表达式计算器。
  • emoji-button - 原生 JavaScript emoji 选择器组件。
  • iooxa - 用于交互式科学写作、响应式文档和可探索解释的组件。
  • Idyll - 创建可探索的解释和交互式故事文章。可以嵌入 HTML
  • javascript-algorithms - JavaScript 实现的算法和数据结构,包含解释和进一步阅读的链接。
  • FingerprintJS - 从浏览器指纹创建访问者标识符,在隐身模式下和清除浏览器数据时保持不变。
  • Peg.js - 简单的 JavaScript 解析器生成器,生成具有出色错误报告的快速解析器。可以在浏览器、命令行或通过 JavaScript API 使用。
  • lune - 准确计算月相的库。
  • jsemu - 用 JavaScript 编写的模拟器列表。

Danmaku (弹幕)

  • CommentCoreLibrary - JavaScript 弹幕引擎核心,提供从基本的弹幕显示到高级弹幕操作的支持。
  • danmaku - 高性能的 JavaScript 弹幕引擎。
  • danmu - 轻量级的弹幕库,支持多种弹幕类型和自定义样式。
  • DanmuPlayer - HTML5 视频播放器弹幕插件。
  • Barrager.js - 专注于网页弹幕效果的 jQuery 插件。
  • Barrage - 基于 Canvas 的弹幕组件。
  • vue-danmaku - Vue 的弹幕组件。
  • react-danmaku - React 的弹幕组件。
  • danmu.js - 字节跳动开源的弹幕库。
  • bullet-screen - 基于 Vue 的弹幕交互组件。

Worth Reading (值得一读)

Other Awesome Lists (其他优秀列表)

Contributing (贡献)

欢迎���献!请先阅���贡献指南

License (许可证)

CC0

在法律允许的范围内,chencheng 已放弃本作���的所有版权和相关权利。

Loading Status (加载状态)

用于指示加载状态的库

  • Mprogress.js - 创建 Google Material Design 风格的线性进度条。

  • NProgress - 为 Ajax 应用添加纤细的进度条。

  • Spin.js - 一个旋转的活动指示器。

  • progress.js - 为页面上的任何��象创建和管��进度条。

  • progressbar.js - 带有动画 SVG 路径的漂亮和响应式进度��。

  • pace - 自动为你的网站添加进度条。

  • topbar - 小巧漂亮的网站全局进度指示器。

  • nanobar - 非常轻量级的进度条。不依赖 jQuery。

  • PageLoadingEffects - 使用 SVG 动画展示新内容的现代方式。

  • SpinKit - 一组使用 CSS 动画的加载指示器。

  • Ladda - 带有内置加载指示器的按钮。

  • css-loaders - 一组使用 CSS 动画的加载���转器。

  • css-loaders - 一组使用 CSS 动画的加载旋转器。

About

🐢 A collection of awesome browser-side JavaScript libraries, resources and shiny things.

Resources

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
Morty Proxy This is a proxified and sanitized view of the page, visit original site.