
优站精选
Bootstrap 网站实例
Bootstrap 优站精选频道收集了众多基于 Bootstrap 构建、设计精美的、有创意的网站。

Webpack
是前端资源模块化管理和打包工具
Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。

React
用于构建用户界面的 JavaScript 框架
React 起源于 Facebook 的内部项目,是一个用于构建用户界面的 JavaScript 库。

TypeScript
中文手册
TypeScript 是由微软开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。

jQuery API
中文手册
根据最新的 jQuery 1.11.x 和 2.1.x 版本翻译的 jQuery API 中文文档/手册。

Next.js
中文文档
Next.js 是一个轻量级的 React 服务端渲染应用框架。

Babel
是一个 JavaScript 编译器。
Babel 是一个 JavaScript 编译器。Babel 通过语法转换器支持最新版本的 JavaScript 语法。

Node.js
中文文档 / 手册
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。

Yarn
中文手册
Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。

NPM
中文文档
NPM(node package manager)是 Node.js 世界的包管理器。NPM 可以让 JavaScript 开发者在共享代码、复用代码以及更新共享的代码上更加方便。

Vue.js
中文文档。
Vue.js - 是一套构建用户界面的渐进式框架。

Svelte
中文网
Svelte 是构建 Web 应用程序的一种新方法。Svelte 是一个编译器,它将声明性组件转换成高效的 JavaScript 代码,并像做外科手术一样细粒度地更新 DOM。

Browsersync
浏览器同步测试工具
Browsersync 浏览器同步测试工具,很容易与 Web 平台、构建工具和其他 Node.js 项目集成,替代了大量重复测试劳动。

Parcel
中文文档
Parcel - 极速、零配置的 web 应用打包工具。

Lodash
JavaScript 工具库
Lodash 是一个具有一致接口、模块化、高性能等特性的 JavaScript 工具库。比相同功能的 Underscore.js 使用更广泛。

Pro Git
Git 入门到专家指南
Pro Git 中文版(第二版)是一本详细的 Git 指南,主要介绍了 Git 的使用基础和原理,让你从 Git 初学者成为 Git 专家。

Bootstrap 编码规范
by @mdo
Bootstrap 编码规范:编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。

Rollup
新一代的 JavaScript 模块打包工具
Rollup 是一个 JavaScript 模块打包工具,可以将小块代码编译成大块复杂的代码。Rollup 对 JavaScript 代码模块使用新的 ES6 标准化格式,如 CommonJS 和 AMD。

Preact
React 轻量替代方案。
Preact - 一个只有 3kB 大小的 React 替代品,拥有与 React 相同的 API、组件和虚拟 DOM。

Underscore.js
JavaScript 工具库
Underscore.js是一个 JavaScript 工具库,它提供了一整套函数式编程的实用功能,弥补了 jQuery 没有实现的功能,同时又是 Backbone 必不可少的部分。

gulp.js
基于流的自动化构建工具。
gulp.js - 基于流(stream)的自动化构建工具。Grunt 采用配置文件的方式执行任务,而 Gulp 一切都通过代码实现。

Grunt
项目构建工具
Grunt 是基于 Node.js 的项目构建工具。它可以自动运行你所设定的任务。Grunt 拥有数量庞大的插件,几乎任何你所要做的事情都可以用 Grunt 实现。

ESLint
JavaScript 代码检查工具
ESLint 是一个插件化并且可配置的 JavaScript 语法规则和代码风格的检查工具。ESLint 能够帮你轻松写出高质量的 JavaScript 代码。

Sass
最流行的 CSS 扩展语言解析器
Sass 是一个成熟、稳定、强大的 CSS 扩展语言解析器。

LESS
一种动态样式语言
LESS 为 CSS 赋予了动态语言的特性,如变量、继承、运算、函数。LESS 既可以在客户端上运行 (支持 IE 6+、Webkit、Firefox),也可以借助 Node.js 或者 Rhino 在服务端运行。

Handlebars
一个书写高效率、语义化的模板引擎
Handlebars 是一个书写高效率、语义化的模板引擎,与 Mustache 模板兼容。

Stylus
CSS 预处理语言
Stylus - 富于表现力、健壮、功能丰富的 CSS 预处理语言。

Pug
Node.js 模板引擎
Pug 是一款健壮、灵活、功能丰富的模板引擎,专门为 Node.js 平台开发。Pug 是由 Jade 改名而来。

Liquid
Jekyll 的模板语言。
Liquid - 最流行的模板语言。Jekyll、Github Pages 都在用。

Zepto.js
JavaScript 工具库
Zepto.js 是一个轻量级、兼容 jQuery 的 JavaScript 工具库。

EJS
中文文档
EJS 是一套简单的模板语言,帮你利用普通的 JavaScript 代码生成 HTML 页面。EJS 没有再造一套迭代和控制流语法,有的只是普通的 JavaScript 代码而已。

Tailwind CSS
中文文档
Tailwind CSS 是一个用于快速UI开发的实用工具集 CSS 框架。与 Bootstrap 、Foundation 不同,Tailwind CSS 没有内置的 UI 组件。完全需要开发者根据自身情况来定制设计。

Jekyll
中文文档
Jekyll 是一个静态站点生成工具。它将 Markdown (或者 Textile) 以及 Liquid 转化成一个完整的可发布的静态网站。

Hexo
中文文档
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

PostCSS
中文网
PostCSS 利用 JavaScript 的强大编程能力对 CSS 代码进行转换。数以百计的 PostCSS 插件可以用来为 CSS 属性添加特定于浏览器厂商的前缀、支持未来 CSS 语法、模块化、代码检测等。

Chart.js
开源的 HTML5 图表工具
Chart.js 是为设计和开发人员准备的简单、灵活的 JavaScript 图表工具。

VuePress
基于 Vue 前端开发框架的静态站点生成工具
VuePress 是基于 Vue 前端开发框架的静态站点生成工具。

Nunjucks
模板引擎
Nunjucks 是 JavaScript 专用的功能丰富、强大的模板引擎。

WebAssembly
面向 web 应用的编译格式
WebAssembly 或者 wasm,是一种新型可移植,具有占用存储小,加载速度快等特点的面向 web 应用的编译格式。

Bundler
是 Ruby 世界中最好的 gem 管理工具
Bundler 是 Ruby 世界中最好的 gem 管理工具。

w3schools
原版国内镜像
w3schools.com 是最受欢迎的前端技术教程网站,但是国内用户一直不能访问,并且国内的中文翻译版本十分陈旧。因此做了个镜像,希望英文好的同学直接去看原版教程吧!

Nginx
中文手册
Nginx (engine x) 是一个高性能的HTTP和反向代理服务,也是一个IMAP/POP3/SMTP服务。

Sphinx
中文文档
Sphinx 是一个用于构建文档的工具,最初是为 Python 文档而开发的。

stickUp
让页面元素“固定”位置
stickUp 能让页面目标元素“固定”在浏览器窗口的顶部,即便页面在滚动,目标元素仍然能出现在设定的位置。

Responsive Nav
响应式导航
响应式导航(Responsive Nav)是一个很小的JS插件,压缩之后仅有1.7KB,能帮你创建针对小屏幕的可切换式导航

Unslider
jQuery轮播插件
Unslider - 一个超小的 jQuery 轮播(slider) 插件。支持主流浏览器、键盘导航、自动调整高度和响应式布局。

Flat UI
Metro 风格的 Bootstrap
Flat UI 是基于 Bootstrap 做的 Metro 化改造,由Designmodo提供。Flat UI包含了很多Bootstrap提供的组件,但是外观更加漂亮。在此强烈推荐!

LayoutIt!
Bootstrap 可视化布局
LayoutIt! 可拖放排序在线编辑的Bootstrap可视化布局系统。由4wer同学汉化整理。

Bootstrap Switch
Bootstrap 开关组件
Bootstrap Switch 是对 Bootstrap 控件的扩充。基于选 HTML 中基本的选择框控件实现只有开和关两种状态的单选按钮。

Sco.js
Bootstrap 组件增强版
由于大部分的 Bootstrap js 插件是无法扩展的,因此才有了 sco.js,它是对 Bootsrap 中 js 插件的增强实现。

iCheck
增强复选框和单选按钮
iCheck 让不同浏览器下的复选框(checkboxes)和单选按钮(radio button)更美观、功能更强。

bootstrap-wysiwyg
为Bootstrap定制的可视编辑器
bootstrap-wysiwyg 是一个 jQuery Bootstrap 插件(5KB, 200 行代码)可以将任何一个 div 转变成一个 WYSIWYG 富文本编辑器。

Preboot
Bootstrap 的前世
Preboot 是一组用 less 语法书写的混合(mixin)和变量(variable)的集合,目的是辅助用户书写更优美的CSS。Bootstrap的前身就是Preboot。

jQuery.Pin
固定页面元素的 jQuery 插件
jQuery.Pin 能将任意页面元素“钉”在某个容器顶部,而且在尺寸小的屏幕上能够自动禁用这种效果。

Bsie
Bootstrap IE6 兼容方案
Bsie 弥补了 Bootstrap 对 IE6 的不兼容。目前,bsie 能在 IE6 上支持大部分 bootstrap 的特性,可惜,还有一些实在无法支持...

Messenger
非常酷的弹框(Alert)组件
Messenger 是一个非常酷的弹框(Alert)组件,能够非常好的与 Bootstrap 融合,当然,单独使用效果也是非常棒。Messenger 自带4套皮肤。

DateTime Picker
日期时间选择器
Bootstrap 日期时间选择器(Bootstrap DateTime Picker)是一个 Bootstrap 组件,能够简化页面上日期、时间的输入。

jQuery UI Bootstrap
用 Bootstrap 美化 jQuery UI
这套工具让你在使用 jQuery UI 控件时也能充分利用 Bootstrap 的样式,而且不会出现样式不统一的现象,Bootstrap 和 jQuery UI 可以完美融合在一起了!

Google Bootstrap
Google 风格的 Bootstrap
Google 的 UI 素来以简洁著称,现在 Bootstrap 也来 Google Style 一把,喜欢 Google 的就来试试这套 Google Bootstrap 吧!

Metro UI CSS
Bootstrap 与 Metro 融合
Metro UI CSS 是一套用来创建类似于 Windows 8 Metro UI 风格网站的样式。现在,Metro UI CSS 项目在 Bootstrap 的基础上被开发成一个独立的解决方案。

Font Awesome
Bootstrap 专用图标字体
Font Awesome 中包含的所有图标都是矢量的,也就可以任意缩放,避免了一个图标做多种尺寸的麻烦。CSS 对字体可以设置的样式也同样能够运用到这些图标上了。

Simple Icons
Icon汇
Simple Icons -- Icon汇。收集众多网站的 Logo,并提供高质量、不同尺寸的 png 格式图片给广大网友,所有 Icon 版权归其所属公司。

Bootstrap Form Builder
在线表单构造器
Bootstrap 在线表单构造器能够以鼠标拖拽的方式迅速生成一个基于 Bootstrap 的完整表单,减轻了各位码农手写HTML代码的劳动,而且不会出错。

HTML5 Boilerplate
专业的前端模版
HTML5 Boilerplate 是一套专业的前端模版,用以开发快速、健壮、适应性强的 app 或网站。

Web Safe Colors
Web 安全色
本表中列出的是 WEB 设计、开发中常用安全色。列于此是为了方便大家参考。

Bootstrap Docs
Bootstrap 文档全集
这里收集了 Bootstrap 从 V1.0.0 版本到现在,整个文档的历史。Bootstrap 本身就是一个传奇,而这些文档就是传奇的见证!

Git Guide
Git 简易指南
Git简易指南 -- 帮助你开始使用 git 的简易指南,木有高深内容,;)。

Grumble.js
气泡形状的提示(Tooltip)控件
一个气泡形状的提示(Tooltip)控件,可以在其围绕的元素周围做360度任意定位。

CIKONSS
纯 CSS 实现的 Icon
Cikonss 是纯 CSS 实现的响应式 Icon,兼容 IE8+。

Headroom.js
隐藏或展示页面元素
Headroom.js 是一个轻量级、纯 JavaScript 组件,用来隐藏或展现页面上的元素,为你的页面留下更多展示内容的空间。

Buttons
CSS 按钮样式库
Buttons 是一个基于 Sass 和 Compass 构建的CSS按钮(button)样式库,图标采用的是Font Awesome,可以和 Bootstrap 融合使用。