30组常用前端开发组件库
这里是收集的web前端开发常用前端开发组件库,搭建web app常用的样式/组件等收集列表(移动优先)。主要包含前端框架,构建工具,自动化模块、jQuery插件、前端样式等,囊括最实用的前端开发组件库!
0. 前端自动化
前端构建工具
gulp – The streaming build system
grunt – the JavaScript Task Runner
前端模块管理器
Bower – A package manager for the web
css预处理器
Less – Less is More , Than CSS
Sass – Syntactically Awesome Style Sheets
Stylus – Expressive, dynamic, robust CSS
1. 前端框架
2. JavaScript 框架汇总
JavaScript 框架
轻量级JavaScript框架
Min.js – Super minimal selector and event library
skel.js – A lightweight responsive framework
JavaScript 工具库
3. 前端游戏框架
4. ui组件库
5. 基础模版
6. 排版
7. 网格系统
8. HTML5 API 应用
History.js – gracefully supports the HTML5 History/State APIs
Notify.js(Web Notifications API)
9. UA 识别
10. 表单处理
10.1 表单验证(Form Validator)
jquery.form.js – jQuery Form Plugin
10.2 < select > 相关
10.3 单选框/复选框相关
10.4 上传组件
arale-upload – 轻量级 iframe and html5 file uploader
Dropzone.js – drag’n’drop library拖拽上传
10.5 日期选择
Both Date and Time picker widget based on twitter bootstrap
10.6 取色
Colorpicker plugin for Twitter Bootstrap
10.7 标签插件(Tag)
TaggingJS – 可以灵活定制的 jQuery 标签系统插件
11. 图表绘制
Chart.js – Simple HTML5 Charts using Canvas
D3.js – A JavaScript visualization library for HTML and SVG.
intro-to-d3 – a D3.js tutorial
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 瀑布流
Isotope – Filter & sort magical layouts
13.3 图片懒加载/加载监听
13.4 图片轮播/展示
13.5 图片剪裁
croppic – an image cropping jquery plugin
13.6 进度条
Pace – Automatic page load progress bar
13.7 侧滑插件(offcancas)
pushy – a responsive off-canvas navigation menu
13.8 菜单(Menu)
13.9 滚动侦测(ScrollSpy)
13.10 滚动加载更多
13.11 平滑滚动插件(Smooth Scroll)
13.12 全屏滚动
13.13 分屏滚动
13.14 转场效果
13.15 固定元素(Sticky)
sticky – jQuery Plugin for Sticky Objects
13.16 触控事件
13.17 拖拽组件
13.18 隐藏或展示页面元素
13.19 滚动条
13.20 视差滚动(Parallax Scrolling)
14. 代码高亮插件/代码编辑器
prism – Lightweight, robust, elegant syntax highlighting.
15. UI Icon 组件
Glyphter: The SVG Font Machine
16. 动画
animate.css – A cross-browser library of CSS animations.
Transit – CSS transitions and transformations for jQuery
Effeckt.css – A Performant Transitions and Animations Library
csshake – CSS classes to move your DOM
magic – CSS3 Animations with special effects
17. 本地存储
cross-storage – Cross domain local storage
18. 模板引擎
Juicer – A Light Javascript Templete Engine.
19. 通知组件/弹框组件
20. 提示控件(Tooltips)
qTip2 – Pretty powerful tooltips
tooltipster – A jQuery tooltip plugin
grumble.js – 气泡形状的提示(Tooltip)控件
21. 对话框/弹出层(lightbox)
fancyBox – Fancy jQuery lightbox
jquery-lightbox – The popular lightbox script, ported to jQuery
22. 文档/表格
jQuery Bootgrid – 用于ajax生成动态表格
DataTables – Table plug-in for jQuery
23. 目录树插件
fancytree – Tree plugin for jQuery
24. Ajax模块
fetch – A window.fetch JavaScript polyfill
reqwest – browser asynchronous http requests
25. 音频/视频
jPlayer – HTML5 Audio & Video for jQuery
video.js – HTML5 & Flash video player
Accessible HTML5 Video Player – PayPal 开源的 HTML5 视频播放器
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
26. 按钮
Buttons – A CSS button library
27. 富文本编辑器/Markdown编辑器/Markdown解析器
28. 内容提取(Readability)
json.human.js – Json Formatting for Human Beings
29. 颜色(CSS Colors)/SVG
30. 实用工具/其他插件
FastClick – 处理移动端 click 事件 300 毫秒延迟
jquery.qrcode.js – 生成二维码的 jQuery 插件
DD_belatedPNG.js – 让IE6支持透明PNG图片
前端参考集