笨鸟前端开发指南 - 笨鸟编程导航

开发必备

nodejs 开源的跨平台 JavaScript 运行时环境

WebStorm 一款专业的Go语言集成开发环境，提供智能代码编辑、调试、项目管理和丰富的生态系统支持

Sublime Text 一个简单、开源、跨平台的 Go 集成开发环境

VSCode 一款免费、开源的跨平台代码编辑器，提供了强大的代码编辑、调试、插件支持和版本控制等功能

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

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

NPM 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源代码

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

开发工具

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

WebStorm 一款专业的Go语言集成开发环境，提供智能代码编辑、调试、项目管理和丰富的生态系统支持

Sublime Text 一个简单、开源、跨平台的 Go 集成开发环境

VSCode 一款免费、开源的跨平台代码编辑器，提供了强大的代码编辑、调试、插件支持和版本控制等功能

动画效果源码

会转头可调速的电扇超好玩的会转头可调速电扇的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.css flex.css is 是一个声明式的布局框架，能够兼容多个 MVVM框架和浏览器。

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

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

UIKit 轻量级的前端框架

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

PicoCSS 极简风格的 CSS 框架

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 开发的一套界面工具

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

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

Webix 企业级UI组件库

Material UI React实现的Material Design组件

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

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

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

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

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

SUI SUI 是一套基于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 组件库，提供丰富的组件满足移动端(微信)页面常用业务需求。

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

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

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

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

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

Vue Loader Vue.js 组件的 Webpack loader。

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-ui Cloudflare 开发的一个 Web UI 框架。

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

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

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

JS库/插件

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

jQuery 最流行的JavaScript库

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

underscore.js 常用的JavaScript工具库

lodash 实用的JavaScript工具库

webcomponents.js Web组件的Polyfill库

RxJS 响应式编程库

jquerymy.js jQuery的数据绑定插件

JSX JavaScript语法扩展

构建部署

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

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

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

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

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

协作工具

团队协作设计/原型

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

Slack 团队协作和沟通工具

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

代码质量/测试

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

Mocha JavaScript测试框架

Jest JavaScript测试框架

QUnit JavaScript单元测试框架

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

Ava 极简JavaScript测试框架

数据处理

数据可视化 JSON 数据存储

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

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

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

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

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

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

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

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

Three.js JavaScript 3D库

DataV Vue 大屏数据展示组件库

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

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

chartist-js 响应式图表库

amCharts 强大的图表库

FusionCharts 可视化图表解决方案

ZingChart 现代化的图表库

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

ChartBlocks 在线图表生成工具

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

图形/图表

SVG/Canvas 图表库图像工具

svg.js 轻量级的SVG操作库

Snap.svg 现代化的SVG库

Raphaël 简化SVG操作的JavaScript库

Fabric.js 基于Canvas的绘图库

EaselJS HTML5画布库

学习资源/社区

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

JavaScripting.com JavaScript库和插件的集合

microjs 微型JavaScript库的集合

Unheap JavaScript插件集合

jQuery插件库 jQuery插件

StackShare 技术栈分享和推荐平台

ObjectPath Wordpress和WooCommerce插件免费下载链接

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

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

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

收藏成功