0.前端自动化
- 前端构建工具
- 前端模块管理器
- css预处理器
1.前端框架
- Bootstrap
- Foundation
- Amaze UI
- Semantic UI
- Pure CSS
- topcoat
- UIkit
- Material UI
- Framework7
- mui
- ionic framework
- Fries
- jQuery Mobile
2.JavaScript框架汇总
- JavaScript框架
- 轻量级JavaScript框架
- JavaScript工具库
3.前端游戏框架
- cocos2d-html5
- Egret Engine
- LimeJS
- EaselJS
- three.js
- AlloyStick
- The-Best-JS-Game-Framework
- CanvasEngine
- Quintus
4.ui组件库
5.基础模版
6.排版
7.网格系统
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识别
10.表单处理
10.1表单验证(Form Validator)
- Validator
- Parsley
- jquery.form.js–jQuery Form Plugin
- Validform
- validator.js
- formvalidator.js
- Fort.js–表单填写进度提示
10.2<select>相关
10.3单选框/复选框相关
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日期选择
10.6取色
10.7标签插件(Tag)
11.图表绘制
- Highcharts
- Chart.js–Simple HTML5 Charts using Canvas
- 百度ECharts
- Chartist.js
- D3.js–A JavaScript visualization library for HTML and SVG.
12.日期格式化
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
13.2瀑布流
13.3图片懒加载/加载监听
13.4图片轮播/展示
13.5图片剪裁
13.6进度条
13.7侧滑插件(offcancas)
13.8菜单(Menu)
13.9滚动侦测(ScrollSpy)
13.10滚动加载更多
13.11平滑滚动插件(Smooth Scroll)
13.12全屏滚动
13.13分屏滚动
13.14转场效果
13.15固定元素(Sticky)
13.16触控事件
13.17拖拽组件
13.18隐藏或展示页面元素
13.19滚动条
13.20视差滚动(Parallax Scrolling)
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.本地存储
18.模板引擎
- mustache.js
- Handlebars.js
- artTemplate
- baiduTemplate
- JSRender
- EJS–JavaScript Templates
- Juicer–A Light Javascript Templete Engine.
- Tempo
- json2html
19.通知组件/弹框组件
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.文档/表格
23.目录树插件
24.Ajax模块
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
