开发工具

编辑器富文本编辑器API调试分析/调试错误监控

WebStormWeb前端开发神器

Sublime Text超轻量且强大的跨平台文本编辑器。

VS Code最受欢迎的代码编辑器！

UEditorUEditor是由百度web前端研发部开发所见即所得富文本web编辑器。

TinyMCE国外一款所见所得富文本web编辑器。

Quill开源的富文本编辑器

CKEditor在线富文本编辑器

Summernote简单的WYSIWYG编辑器

PlateReact的富文本编辑器框架。

PostmanAPI开发和调试工具

Mocky在线模拟API工具

JSONPlaceholder免费的在线REST API

SwaggerAPI文档生成工具

InsomniaREST和GraphQL API客户端

built with网站技术分析工具

Chrome DevTools一套直接内置于 Google Chrome 浏览器的 Web 开发者工具。借助开发者工具

firebug改变了开发人员在浏览器中检查 HTML 和调试 JS 的方式

RaygunJavaScript错误监控工具

errorceptionJavaScript错误监控服务

sentry错误监控和报告工具

{track:js}JavaScript错误监控工具

动画效果源码

会转头可调速的电扇超好玩的会转头可调速电扇的js源代码

有趣的蜡烛吹灭动画有趣的蜡烛吹灭动画的HTML+CSS源代码

一个可互动的路灯一个可互动的路灯的HTML+CSS源代码

可互动的开/关灯一个可互动的开/关灯的js源代码

飞机窗外的世界一个飞机窗外的世界的HTML+CSS源代码

可以射击的3D直升机一个可以射击的3D直升机的js源代码

火柴盒动画一个火柴盒动画的HTML+CSS源代码

玻璃进度环一个玻璃进度环的js源代码

可爱卡比兽一个可爱卡比兽的HTML+CSS源代码

好玩的井字棋一个好玩的井字棋的js源代码

出一张扑克牌老K一张扑克牌老K的HTML+CSS源代码

霓虹灯数字时钟一个霓虹灯数字时钟的3D效果的js源代码

神奇的巫师魔法一个神奇的巫师魔法的HTML+CSS源代码

轮滑小人一个好玩的轮滑小人的js源代码

CSS框架

框架/样式库预/后处理重置/规范生成/格式化检查/优化

Tailwind CSS一个实用工具优先的css框架，可以快速构建现代网站，而不需要离开你的html

Bulma免费、开源、基于Flexbox的现代CSS框架

Foundation响应式前端框架

Bootstrap流行的前端框架，支持响应式布局

Pure.css轻量级的CSS模块库

Concise简洁的CSS框架

Materialize基于Material Design设计语言的CSS框架

Ratchet移动应用的CSS框架

oocss面向对象的CSS框架

SMACSS可扩展和模块化的CSS架构

Blaze CSS开放源码的模块化CSS工具包，为建立网站提供了很好的结构。

Flex.cssflex.css is 是一个声明式的布局框架，能够兼容多个 MVVM框架和浏览器。

JingleJingle是一个基于html5、css3开发轻量级的移动webapp 框架，提供一些基本交互方式，帮助您更方便的开发移动应用。

Mobi.css一个轻量级的，可扩展的，移动优先的CSS框架。

UIKit轻量级的前端框架

Preline一套开源的预构建 UI 组件，基于实用优先的 Tailwind CSS 框架

PicoCSS极简风格的 CSS 框架

SASS/SCSSCSS预处理器

stylus富有表现力的CSS预处理器

PostCSS基于JavaScript的CSS转换工具

reworkCSS预处理器

Eric Meyer’s “Reset CSS” 2.0Eric Meyer的CSS重置样式

Normalize现代浏览器的CSS重置样式

NEC(CSS规范)NEC包括了规范、框架、代码库、插件等内容，致力于为前端开发人员提供高效率高质量的前端页面开发解决方案。

CSS TRIGGERSCSS属性触发的浏览器重绘和重排情况

cssguidelin.esCSS编码规范

Ultimate CSS Gradient GeneratorCSS渐变生成器

Enjoy CSSCSS样式生成器

CSS maticCSS在线生成工具

patternify.com生成CSS背景图案的工具

patternizer.com在线生成CSS图案的工具

CSS arrow please生成CSS箭头的工具

Layer Styles国外一个CSS3阴影在线生成器网站

CSS在线压缩工具Css在线解压缩工具/整理/格式化。

Css3MakerCSS3在线生成器，给你省去很多功夫。

TrianglifyTrianglify 是一款可以生成漂亮的三角形素材的工具，它还可以生成SVG或者CSS的背景。

MEZW将PS中的投影效果转换为CSS3中的box-shadow & text-shadow代码

FlexplorerFlexbox布局生成器

cssvalues.comCSS属性和值参考

CSScombCSS代码格式化工具

cssfmtCSS代码格式化工具

cssoCSS代码压缩工具

clear-cssCSS代码优化工具

stylelintCSS代码检查工具

UI框架

UI组件库图标库动画库模板引擎

Tailwind UI美丽的用户界面组件和模板的创建者的TailWind css

Preline UI是一组开源的预构建的UI组件，基于公用事业优先的TailWind CSS框架

Ripple UI最干净、现代和美观的TailWind CSS组件

Sira可定制和可访问的设计系统，提供TailwindCSS组件类名库以构建现代UI

TW Elements一个免费的开源用户界面组件、模板、部分和插件的集合。具有深色模式和主题定制选项

Mamba UI包含免费组件和模板的UI工具包，这些组件和模板的样式是TailWind CSS

Kutty一个用于构建Web应用程序的tailwind插件。它有一组可访问和可重用的组件，这些组件通常在Web应用程序中使用

Sailboat UI现代的用户界面组件库，用于TailWind css。开始使用150多个开源TailWind CSS组件，轻松构建您的产品

HyperUI免费的TailWind CSS组件，可以在您的下一个项目中使用。通过一系列组件，您可以构建您的下一个营销网站、管理仪表板、电子商务商店等

XtendUI一个强大的前端库，它由普通的js增强了TailWind的css组件。它可以帮助您构建具有高级交互和动画的界面。

Vant轻量、可靠的移动端Vue组件库

jQuery UI基于jQuery 开发的一套界面工具

ElementElement，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

daisyUI免费的最佳TailWind CSS UI组件库，提升你的界面设计

Webix企业级UI组件库

Material UIReact实现的Material Design组件

photonkit为桌面应用设计的UI组件库

SVGO-GUI基于 Node-WebKit 的 SVGO 图形用户界面

Jquery EasyUI中文网easyui是一种基于jQuery的用户界面插件集合。

Rubik UIRubik UI 是一个基于 Vue.js 2.0+ 的开源 UI 组件库，在交互和视觉设计上遵循 Material Design 规范，适用于 PC 端和 mobile 端。

BootflatBootflat - 基于bootstrap 3.2.0 的扁平化风格的UI组件的开源项目。

SUISUI 是一套基于bootstrap开发的前端组件库，同时她也是一套设计规范。

ZUI一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。

Atui阿里通讯前端部推出的一个基于 Vue.js 2.0 的 UI 组件库。

qunee一套基于HTML5的网络图组件。

jQuery File Upload Plugin一个有功能强大的 jQuery 上传组件，支持多文件选择、拖拽上传、验证、图片和多媒体预览等功能。

SUI Mobile淘宝的SUI是一款不错的移动端UI库，轻量，小巧且精美。

jQuery WeUI专为微信公众账号开发而设计的一个简洁而强大的UI库。

Vux基于 WeUI 和 Vue.js 的 移动端 UI 组件库，提供丰富的组件满足移动端(微信)页面常用业务需求。

BrickBrick是为易于快速构建Web应用程序UI设计的UI组件的集合。

Muse-UI基于 Vue 2.0 和 Material Design 的 UI 组件库。

GMU百度FEX团队推出的基于zepto的ui组件库，适用于移动端。

Ant Design Mobile一个基于 Preact / React / React Native 的 UI 组件库。

Frozen UIFrozenUI 是一套基于移动端的UI库 轻量、精美、遵从手机 QQ 设计规范。

Vue LoaderVue.js 组件的 Webpack loader。

Iconfont阿里妈妈MUX打造的图标库，是国内功能很强大且图标内容很丰富的矢量图标库

pictonic国外一个免费字体图标库，有362个免费字体图标

IcoMoon免费开源的字体图标库

MFG Labs icon set免费字体图标

Font Awesome一款风靡全球的图标字体库和CSS框架。

Velocity.js快速动画引擎

snabbt.js轻量级动画库

TweenJS补间动画库

Dynamics.js物理动画库

Animate动画库各种Animate动画案例，可以直接预览效果，如果你稍微会点Animate知识，可以试着去读源代码，帮助自己提高Animate技能

缓动函数速查表缓动函数指定动画效果在执行时的速度，使其看起来更加真实. 本页可以在每次你需要时，帮助你找到想要的缓动函数。

LottieFiles用小巧的JSON格式实现跨平台动画，开发者必备神器。

HTML5 BoilerplateHTML5项目的基础模板

Web Starter Kit Boilerplate & Tooling for Multi-Device Development多设备开发的工具和模板

HTML5 BonesHTML5模板，包含基本结构和常用元素

Email-BoilerplateHTML邮件模板

HAMLHTML的简洁模板语言

Mustache.js逻辑无关的模板引擎

Handlebars扩展了Mustache功能的模板引擎

htmlbars快速且流行的模板引擎

Nunjucks强大的模板引擎

Transparency数据绑定的模板引擎

paperclip.js响应式模板引擎

ractive.js反应式模板引擎

PugPug 是一款强大，优雅，功能丰富的 Node.js 模板引擎。

EJS应用于 Node.js 的嵌入式 JavaScript 模板引擎。

SwigSwig是一个非常棒的 Django/Jinja-like模板引擎，用于node.js。

Rivets.js轻量级和强大的数据绑定+模板解决方案，用于构建现代Web应用程序。

Dust.js针对浏览器和服务器的异步Javascript模板。

Consolidate.jsNode.js 模板引擎的集合。

lit-htmlJavaScript 中写 HTML 的模板引擎

Placeit在线生成原型模板网站，有可点击的交互、视频、照片。

AllTheFreeStock一个地址，找到所有无版权图片、模型、视频、声效、配色、网页模板、字体、图标、邮件模板……简直就是懒人福音！

JS框架

开发框架移动端框架模块加载游戏开发框架代码检查/优化其他/特定

AngularJS流行的前端框架

React用于构建用户界面的JavaScript库

Vue.js渐进式JavaScript框架

Ember为开发现代Web应用而设计的框架

Backbone轻量级的前端框架

Aurelia现代前端框架

Semantic UI现代响应式的前端开发框架

Metro UI基于Metro设计语言的前端框架

Material Design Lite(MDL)实现Material Design的轻量级前端框架

Base轻量级的响应式前端框架

Kendo UI完整的前端UI框架

Elemental UI一个针对 React.js 的灵活的、漂亮的 UI 框架。

Cf-uiCloudflare 开发的一个 Web UI 框架。

AdminLTE一个非常流行的基于 Bootstrap 3.x 免费后台UI框架。

Electron使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序

Tauri使用网络前端构建更小、更快、更安全的桌面和移动应用程序。

NativeScript使用JavaScript开发原生移动应用的框架

React Native使用React构建原生移动应用

tabris.js跨平台移动应用开发框架

Ionic领先的HTML5 移动开发框架和 SDK，利用你所熟知的web 技术构建难以置信的移动应用，是AngularJS最好的朋友。

Framework7功能强大的创建 iOS & Android APP 的 HTML 框架。

jQuery MobilejQuery Mobile 是用于创建移动 Web 应用的前端开发框架。

Onsen UI用来构建混合移动端APP的 HTML5 UI 框架。

Junior用于构建具有原生外观的HTML5移动应用的前端框架。

RequirejsRequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一。

create-react-app无需配置文件快速创建 React 应用

Egg一个用于更好地构建企业应用的框架，内置流程管理，高度可定制，有强大的插件系统。

ThinkJSThinkJS 是一款使用 ES6/7 特性全新开发的 Node.js MVC 框架。

SystemJS模块加载器

rollup.jsJavaScript模块打包工具

Ant Design一个服务于企业级产品的设计体系，基于『确定』和『自然』的设计价值观，通过模块化的解决方案，让设计者专注于更好的用户体验。

Microbundle零配置的模块打包器。

MoutMOUT是模块化JavaScript实用程序的集合，可以在浏览器中用作AMD模块或node.js。

UMD适用于任何地方的JavaScript模块的UMD（通用模块定义）模式。

ESLESL是一个浏览器端、符合AMD的标准加载器，适合用于现代Web浏览器端应用的入口与模块管理。

CreateJS基于HTML5的一套模块化的库和工具共同工作或独立使丰富的交互式内容的开放式Web技术。

PhaserJSPhaser是一款免费开源的PC端和移动端HTML5游戏框架。

Cocos一个基于MIT协议的开源框架，用于构建游戏、应用程序和其他图形界面交互应用。

jshintJavaScript代码质量检查工具

ESLint可扩展的JavaScript代码检查工具

Prettier代码格式化工具

TSLintTypeScript代码检查工具

UglifyJS 3JavaScript代码压缩工具

JS加密在线JS加密、JavaScript源代码加密

Paper.js矢量图形脚本框架

Sortable一个简约的 JavaScript 库用于在现代浏览器中拖放列表重新排序 ，支持任何JS框架。

NW.js轻量级跨平台桌面应用开发框架。

JADE LANGUAGEJade是一款基于haml的html模版引擎,采用JavaScript实现,可以方便地在Node.js、Yeoman等框架中使用。

Ember starter-kitEmber.js应用的入门套件

NG6-starterAngular 2应用的入门套件

JS库/插件

核心/工具网络通信B端操作数据操纵静态网站

jQuery最流行的JavaScript库

Zepto.js轻量级的JavaScript库，兼容jQuery语法

underscore.js常用的JavaScript工具库

lodash实用的JavaScript工具库

webcomponents.jsWeb组件的Polyfill库

RxJS响应式编程库

jquerymy.jsjQuery的数据绑定插件

JSXJavaScript语法扩展

socket.io实时双向通信库

sockjs浏览器端的WebSocket库

cdnjsCDN公用库

Modernizr检测浏览器特性支持的JavaScript库

webshimHTML5特性的Polyfill库

console-polyfill为旧浏览器提供console对象的Polyfill

URI.jsURL处理和操作的JavaScript库

platform.js检测平台信息的JavaScript库

history.jsHTML5浏览历史管理库

html2canvas将网页渲染为图像的JavaScript库

jsdomNode.js的DOM模拟工具

virtual-dom高效的虚拟DOM实现

dom-shimsDOM的Polyfill库

Pointer Events Polyfill统一的事件系统Polyfill

Alloyfinger腾讯Web前端团队推出的轻量级的多点触控手势库。

Unreal.js为 UnrealEngine 构建的 Javascript 运行时。

fullPage.js一个简单易用的库，可创建全屏滚动网站（也称为单页网站或单页网站），并在网站各部分中添加横向滑块。

Moment.js日期处理的JavaScript库

async异步控制流库

Chance随机生成数据的JavaScript库

xregexp.com扩展的正则表达式库

Math.js数学运算库

Numeral.js数字格式化库

accounting.js货币和数字格式化库

format.js国际化库

keypress简单的键盘事件处理库

clipboard.js现代的剪贴板操作库

tether.io定位元素的JavaScript库

string.js字符串操作库

waitJavaScript中的简单等待库

DefiantJS用于查询JSON的JavaScript库

Metalsmith静态网站生成器

harp零配置的静态网站生成器

surge静态网站发布工具

构建部署

构建工具包管理自动化部署

webpack模块打包工具

Yeoman现代Web应用的脚手架工具

Gulp自动化构建工具

Grunt任务运行器

cooking更易上手的前端构建工具，不仅简单而且高效。

Jspm-cliJSPM是基于SystemJS的Javascript包 package管理器，基于动态的ES6模块加载器之上构建。

component前端程序包管理器和用于模块化Web应用程序的构建工具。

FuseBoxFuseBox是一款快速的捆绑器/模块加载器，您可以以毫秒为单位测量构建时间。

TsdownVue 团队成员开发的新打包工具，由 Rolldown 驱动的快速打包工具，主要为 TypeScript 库提供更快的打包方案

NPMJavaScript包管理工具

spmjsJavaScript包管理工具

Ender一款全功能的浏览器软件包管理器。

YarnYarn 对你的代码来说是一个包管理器， 你可以通过它使用全世界开发者的代码，或者分享自己的代码。

IED像npm一样，但速度更快 - 是Node的替代软件包管理器。

DUODuo是下一代软件包管理器，融合了Component，Browserify和Go的最佳创意，使组织和编写前端代码快速而轻松。

JamJavaScript包管理器 - 使用以浏览器为中心并与RequireJS兼容的存储库。

Lerna一个用于管理有多个包的 JavaScript 项目的工具。

FTPLOY自动化部署工具

codeship持续集成和部署服务

Bamboo持续集成和部署工具

Buddy代码托管和部署服务

协作工具

团队协作设计/原型

Koding在线开发环境和协作平台

Slack团队协作和沟通工具

tower项目管理，任务管理，团队协作，项目协作等。

UXPin设计和原型工具，支持团队协作

Cacoo在线绘图和团队协作工具

Justinmind专业的原型设计和线框图工具

conceptboard在线协作白板工具

Balsamiq Mockups快速原型设计工具

代码质量/测试

单元测试端到端测试性能测试兼容性测试

MochaJavaScript测试框架

JestJavaScript测试框架

QUnitJavaScript单元测试框架

Jasmine行为驱动开发的测试框架

Ava极简JavaScript测试框架

SeleniumWeb应用自动化测试工具

nightwatchjs基于Node.js的端到端测试工具

ProtractorAngular应用的端到端测试框架

Cypress前端自动化测试工具

TestCafe浏览器自动化测试工具

GTmetrix网站速度测试工具

Web Page Test网站性能测试工具

Lighthouse自动化网站性能分析工具

YSlow网站性能分析工具

Speed Curve网站性能监控工具

browserstack跨浏览器测试平台

saucelabs跨浏览器和移动设备测试平台

caniuse.com检查浏览器对Web特性的支持情况

LambdaTest跨浏览器测试工具

数据处理

数据可视化JSON数据存储

Google ChartsGoogle 图表工具功能强大、易于使用且是免费的，试用我们丰富的交互式图表和数据工具库

D3 by Observable用于定制数据可视化的JavaScript库

Apache ECharts一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表

Chart.js为您的网站提供开源HTML5图表

Victory用于构建交互式数据可视化的可组合反应组件的生态系统

Nivo提供了一组丰富的Dataaviz组件，这些组件构建在D3和React之上

Frappe Charts简单而现代的网络SVG图表，零依赖

Recharts构建在React组件上的可组合制图库

Three.jsJavaScript 3D库

DataVVue 大屏数据展示组件库

AntV蚂蚁企业级数据可视化解决方案，让用户轻松看数收获工作意义

Highcharts互动制图库，让开发人员可以轻松地为网络和移动平台创建图表和仪表板

chartist-js响应式图表库

amCharts强大的图表库

FusionCharts可视化图表解决方案

ZingChart现代化的图表库

Datawrapper简单的在线数据可视化工具

ChartBlocks在线图表生成工具

EChart百度EFE团队出品的可视化图表插件。

JSON Mask用于筛选JSON数据的工具

JSON Generator生成模拟JSON数据的工具

Mockaroo在线生成模拟数据的工具

json-schema.orgJSON模式的标准

jsonschema.net在线生成JSON模式的工具

JSONmate在线JSON编辑器

FillText可生成用于测试或演示的 JSON 数据集

Tableau帮助任何人查看和理解他们的数据。连接到几乎任何数据库，拖放以创建可视化，并只需单击即可共享。

YDN-DB离线数据库

forerunner前端数据库

AlaSQL客户端数据库

RxDB在本地存储数据，构建高性能实时应用程序，与后台同步数据，甚至在离线时也能运行

lovefiledGoogle开发的关系型数据库

pouchdb浏览器端的NoSQL数据库

Firebase实时数据库和后端服务

Dexie.jsIndexedDB的封装库

localForage改进的离线存储。 使用简单但功能强大的 API 封装 IndexedDB、WebSQL 或 localStorage

图形/图表

SVG/Canvas图表库图像工具

svg.js轻量级的SVG操作库

Snap.svg现代化的SVG库

Raphaël简化SVG操作的JavaScript库

Fabric.js基于Canvas的绘图库

EaselJSHTML5画布库

sigmajs用于绘制图形的JavaScript库

C3.js基于D3.js的图表库

Epoch实时图表库

Two.js二维绘图库

Mermaid以类似 markdown 的方式从文本生成流程图或序列图等图表

draw.io免费的在线绘图工具

gliffy在线图表绘制和协作工具

placehold.it生成占位符图像的工具

Infogram在线信息图表生成工具

plotly交互式图表和分析工具

学习资源/社区

资源聚合学习平台编码指南开发者社区

JavaScripting.comJavaScript库和插件的集合

microjs微型JavaScript库的集合

UnheapJavaScript插件集合

jQuery插件库jQuery插件

StackShare技术栈分享和推荐平台

ObjectPathWordpress和WooCommerce插件免费下载链接

developerWorkIBM 的官方开发者项目，在这里你可以访问和下载试用版软件，查找丰富的 IT 技术资源(文章、教程、视频和代码等),和专业的 IT 从业人员交流。

publicdomainpublicdomainarchive目前已经有33万张免费高清图像下载，设计师可以免费使用在你的创意项目上。

staticsitegenerators.net静态网站生成器列表

慕课网程序员的梦工厂，免费学习网站

极客学院IT职业在线教育平台

网易云课程网易旗下实用技能学习平台

腾讯课程腾讯推出的专业在线教育平台

好知网综合性在线学习平台

w3schoolWeb 技术教程

菜鸟教程提供编程技术基础教程

MDN Web 文档Web 技术学习平台

汇智网学习最前沿编程技术的平台

爱思资源网web前端开发资源平台

力扣（LeetCode）全球极客挚爱的技术成长平台

百度前端技术学园百度创办的免费前端技术学习平台

七天学会NodeJSNode.js学习资源

WebGL中文网WebGL教程网站

Atomic Design原子设计方法论

Node.js 规范指南Node.js编码规范

JavaScript 编码原则JavaScript编码规范

JavaScript 规范指南Airbnb的JavaScript编码规范

掘金帮助开发者成长的社区

牛客网互联网求职神器和备考学习平台

SegmentFault领先的开发者技术社区

Laravel ChinaLaravel 开发者社区

V2EX奇妙好玩的话题和流行动向

CNodeNode.js 开源技术社区

Aotu.io「凹凸实验室」年轻基情的技术社区组织

百度EFE百度EFE技术体系，前身是ECOM前端团队，后经过技术的发展，逐渐形成一套完善的前端技术体系。

AlloyTeam来自于腾讯SNG(社交网络事业群)，是主要负责腾讯Q+、WebQQ、QQ群空间项目的团队，致力于Web前端技术的研究。

开源中国开源中国是目前中国最大的开源技术社区，我们传播开源的理念，推广开源项目，为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。