前端组件库

0. 前端自动化(Workflow)

前端构建工具

Yeoman – a set of tools for automating development workflow

gulp – The streaming build system

grunt – the JavaScript Task Runner

F.I.S – 前端集成解决方案

前端模块管理器

Bower – A package manager for the web

Browserify

Component

Duo

RequireJS

Sea.js

css预处理器

Less – Less is More , Than CSS

Sass – Syntactically Awesome Style Sheets

Stylus – Expressive, dynamic, robust CSS

1. 前端框架(Frameworks)

Bootstrap

Foundation

Amaze UI

Semantic UI

Pure CSS

topcoat

UIkit

Material UI

Framework7

mui

ionic framework

Fries

jQuery Mobile

2. JavaScript 框架汇总

JavaScript 框架

react

Angular

jQuery

Backbone.js

Ractive.js

KISSY

Zepto.js

Vanilla JS

Avalon

轻量级JavaScript框架

Min.js – Super minimal selector and event library

skel.js – A lightweight responsive framework

JavaScript 工具库

underscore.js

Way.js – 双向数据绑定库

Keys.js – 应用快捷键

3. 前端游戏框架

cocos2d-html5

Egret Engine

LimeJS

EaselJS

three.js

AlloyStick

The-Best-JS-Game-Framework

CanvasEngine

Quintus

4. ui组件库

GMU

NEC

NEJ

Pure CSS Components

magic-of-css

5. 基础模版

HTML5 BOILERPLATE

Modernizr

Normalize.css

Responsive – 响应式布局

6. 排版

yue.css

typo.css

chinese-copywriting-guidelines – 中文文案排版指南

7. 网格系统

grid

Flexbox Grid

8. HTML5 API 应用

History.js – gracefully supports the HTML5 History/State APIs

jquery-pjax – pushState+ajax

jquery-address – Deep Linking

Notify.js(Web Notifications API)

9. UA 识别

detector

10. 表单处理

10.1 表单验证(Form Validator)

Validator

Parsley

jquery.form.js – jQuery Form Plugin

Validform

validator.js

formvalidator.js

Fort.js – 表单填写进度提示

10.2 < select > 相关

Chosen

Select2

bootstrap-select

10.3 单选框/复选框相关

iCheck – 增强复选框和单选按钮

10.4 上传组件

jQuery File Upload Plugin

百度 Web Uploader

Uploadify

Plupload

arale-upload – 轻量级 iframe and html5 file uploader

Dropzone.js – drag’n’drop library拖拽上传

flow.js

10.5 日期选择

Both Date and Time picker widget based on twitter bootstrap

GMU 日历组件

Mobiscroll

10.6 取色

Colorpicker plugin for Twitter Bootstrap

10.7 标签插件(Tag)

TaggingJS – 可以灵活定制的 jQuery 标签系统插件

10.8 自动完成插件

At.js – 一个Twitter/微博样式的@自动完成插件

jquery-textcomplete – 智能搜索提示框/自动补全

10.9 样式修正

autosize – 使文本框自动适应所输入的内容

11. 图表绘制

Highcharts

Chart.js – Simple HTML5 Charts using Canvas

百度 ECharts

Chartist.js

D3.js – A JavaScript visualization library for HTML and SVG.

intro-to-d3 – a D3.js tutorial

12. 日期格式化

Moment.js

Smart Time Ago – 显示相对时间

laydate

13. 页面交互

13.1 Slider

slick – the last carousel you’ll ever need

Swipe – the most accurate touch slider

Swiper – Most modern mobile touch slider

iscroll – Smooth scrolling for the web

OwlCarousel – create beautiful responsive carousel slider

jquery-mousewheel – jQuery鼠标滚轮滚动侦测插件

13.2 瀑布流

Masonry

Isotope – Filter & sort magical layouts

13.3 图片懒加载/加载监听

imagesLoaded

Echo.js

lazySizes

jquery_lazyload

lazyload.js

waitForImages – 图片加载监听库

13.4 图片轮播/展示

FlexSlider

unslider – 小而美的轮播库

prettyPhoto

superslide2

13.5 图片剪裁/处理


croppic – an image cropping jquery plugin

jQuery.eraser – 图像擦除插件

13.6 进度条

NProgress.js

progress.js

Pace – Automatic page load progress bar

jquery-ajax-progress

13.7 侧滑插件(offcancas)

pushy – a responsive off-canvas navigation menu

13.8 菜单(Menu)

SuperFish – 基于jQuery的级联下拉菜单

Responsive Nav – 响应式导航

13.9 滚动侦测(ScrollSpy)

jquery-scrollspy(1)

jquery-scrollspy(2)

Waypoints

13.10 滚动加载更多

jScroll

13.11 平滑滚动插件(Smooth Scroll)

jquery-smooth-scroll

jquery.scrollTo – 平滑滚动到页面指定位置

13.12 全屏滚动

pagePiling.js – 全屏滚动效果

13.13 分屏滚动

multiscroll.js – 分屏滚动效果

13.14 转场效果

Animsition – 页面切换时的过渡效果

13.15 固定元素(Sticky)

sticky – jQuery Plugin for Sticky Objects

jquery.pin – 固定页面元素

13.16 触控事件

Hammer.js

jquery.event.move.js

13.17 拖拽组件

Draggabilly – 专注于拖拽功能的 JS 库

13.18 隐藏或展示页面元素

Headroom.js – 在不需要页头时将其隐藏

Readmore.js – 内容显示与隐藏插件

13.19 滚动条

jScrollPane

13.20 视差滚动(Parallax Scrolling)

parallax.js

jparallax

14. 代码高亮插件/代码编辑器

google-code-prettify

highlight.js

Rainbow

ACE

CodeMirror

Crayon Syntax Highlighter

prism – Lightweight, robust, elegant syntax highlighting.

15. UI Icon 组件

Font Awesome

Glyphter: The SVG Font Machine

Perfect Icons

iconizr

Cikonss – 纯CSS实现的响应式Icon

Simple Icons

16. 动画

animate.css – A cross-browser library of CSS animations.

Transit – CSS transitions and transformations for jQuery

Move.js – 简化CSS3动画的JS库

ScrollMe – 在网页中加入各种滚动动画效果

Effeckt.css – A Performant Transitions and Animations Library

NEC动画库

csshake – CSS classes to move your DOM

magic – CSS3 Animations with special effects

Hover.css

css-loaders

SpinKit

17. 本地存储

cross-storage – Cross domain local storage

localForage

pouchdb

basil.js

18. 模板引擎

mustache.js

Handlebars.js

artTemplate

baiduTemplate

JSRender

EJS – JavaScript Templates

Juicer – A Light Javascript Templete Engine.

Tempo

json2html

19. 通知组件/弹框组件

alertify.js

AlertifyJS

SweetAlert

Messenger – 非常酷的弹框组件

PNotify

Notify.js – A simple, versatile notification library

20. 提示控件(Tooltips)

qTip2 – Pretty powerful tooltips

tooltip – CSS Tooltips

tooltipster – A jQuery tooltip plugin

grumble.js – 气泡形状的提示(Tooltip)控件

Ouibounce – 离站提示控件

21. 对话框/弹出层(lightbox)

fancyBox – Fancy jQuery lightbox

jquery-lightbox – The popular lightbox script, ported to jQuery

Colorbox – a jQuery lightbox

artDialog – 经典的网页对话框组件

DialogEffects

22. 文档/表格

handsontable – 在线可编辑excel表格

jQuery Bootgrid – 用于ajax生成动态表格

DataTables – Table plug-in for jQuery

23. 目录树插件

zTree_v3 – jQuery Tree Plugin

jstree – jQuery Tree Plugin

fancytree – Tree plugin for jQuery

24. Ajax模块

fetch – A window.fetch JavaScript polyfill

reqwest – browser asynchronous http requests

minAjax.js

25. 音频/视频

jPlayer – HTML5 Audio & Video for jQuery

video.js – HTML5 & Flash video player

Accessible HTML5 Video Player – PayPal 开源的 HTML5 视频播放器

Clappr – 开源的Web视频播放器

Plyr – A simple HTML5 media player

FitVids.js – A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

BigVideo.js – The jQuery Plugin for Big Background Video

BigScreen – A simple library for using the JavaScript Full Screen API

Vide – 视频背景

winamp2-js

26. 按钮

Buttons – A CSS button library

ButtonComponentMorph

ProgressButtonStyles

CreativeButtons

CSS3 buttons

jquery.onoff – Interactive, accessible toggle switches for the web.

27. 富文本编辑器/Markdown编辑器/Markdown解析器

Simditor – 简单快速的富文本编辑器

BachEditor – 一个有情怀的编辑器

bootstrap-markdown

marked – markdown解析器

28. 内容提取(Readability)

Readability

json.human.js – Json Formatting for Human Beings

29. 颜色(CSS Colors)/SVG

CSS Colours

SVGeneration

30. 实用工具/其他插件

jquery-cookie

FastClick – 处理移动端 click 事件 300 毫秒延迟

screenfull.js – 全屏切换

Async.js – 异步操作

html2canvas – 实现纯JS网页截图

jquery.qrcode.js – 生成二维码的 jQuery 插件

FocusPoint.js 实现图片的响应式裁剪

DD_belatedPNG.js – 让IE6支持透明PNG图片

nakedpassword – 用脱衣女帮助检测密码强度

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,736评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,167评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,442评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,902评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,302评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,573评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,847评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,562评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,260评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,531评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,021评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,367评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,016评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,068评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,827评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,610评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,514评论 2 269

推荐阅读更多精彩内容