qaz0zxc / awesome-frontend

A curated list of amazingly awesome frontend libraries, resources and shiny things.

#前端组件库

搭建web app常用的样式/组件等收集列表(移动优先)

##1. 前端框架

• Bootstrap
• Foundation
• Amaze UI
• Semantic UI
• Pure CSS
• topcoat
• UIkit
• Material UI
• Framework7
• mui
• ionic framework

##2. JavaScript 框架

• Angular
• jQuery
• Backbone.js
• KISSY
• Zepto.js
• Vanilla JS
• Avalon

##3. 前端游戏框架

• cocos2d-html5
• Egret Engine
• LimeJS
• EaselJS
• three.js
• AlloyStick
• The-Best-JS-Game-Framework

##4. ui组件库

• GMU
• NEC
• NEJ

##5. 基础模版

• HTML5 BOILERPLATE
• Modernizr
• Normalize.css

##6. 排版

• yue.css
• typo.css

##7. 网格系统

• grid

##8. HTML5 API 应用

• History.js - gracefully supports the HTML5 History/State APIs
• pushState + ajax
• 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

###10.2 < select > 相关

• Chosen
• Select2
• bootstrap-select

###10.3 上传组件

• jQuery File Upload Plugin
• 百度 Web Uploader
• Uploadify
• arale-upload - 轻量级 iframe and html5 file uploader

###10.4 日期选择

• Both Date and Time picker widget based on twitter bootstrap
• GMU 日历组件
• Mobiscroll

###10.5 取色

• Colorpicker plugin for Twitter Bootstrap

##11. 图表绘制

• Chart.js - Simple HTML5 Charts using Canvas
• 百度 ECharts
• Chartist.js

##12. 日期格式化

• Moment.js
• Smart Time Ago - 显示相对时间

##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 瀑布流

• Masonry
• Isotope - Filter & sort magical layouts

###13.3 图片懒加载

• imagesLoaded
• Echo.js

###13.4 进度条

• NProgress.js

###13.5 图片轮播

• FlexSlider

###13.6 侧滑插件(offcancas)

• pushy - a responsive off-canvas navigation menu

###13.7 滚动侦测(ScrollSpy)

• jquery-scrollspy(1)
• jquery-scrollspy(2)

###13.8 平滑滚动插件(Smooth Scroll)

• jquery-smooth-scroll

###13.9 固定元素(Sticky)

• sticky - jQuery Plugin for Sticky Objects

###13.10 触控事件

• Hammer.JS

##14. 轻量级的代码高亮插件

• google-code-prettify
• highlight.js
• Rainbow

##15. UI Icon 组件

• Font Awesome
• Glyphter: The SVG Font Machine
• Perfect Icons
• iconizr
• CIKONSS

##16. 动画

• animate.css
• Transit
• Move.js

##17. 实用工具

• jquery-cookie
• FastClick - 处理移动端 click 事件 300 毫秒延迟
• screenfull.js - 全屏切换

##18. 本地存储

• cross-storage - Cross domain local storage
• localForage
• pouchdb
• basil.js

##19. 工具库

• underscore.js

##20. 模板引擎

• mustache.js
• Handlebars.js