0. 前端自動(dòng)化
- 前端構(gòu)建工具
- 前端模塊管理器
- css預(yù)處理器
1. 前端框架
- Bootstrap
- Foundation
- Amaze UI
- Semantic UI
- Pure CSS
- topcoat
- UIkit
- Material UI
- Framework7
- mui
- ionic framework
- Fries
- jQuery Mobile
2. JavaScript 框架匯總
- JavaScript 框架
- 輕量級(jí)JavaScript框架
- JavaScript 工具庫(kù)
3. 前端游戲框架
- cocos2d-html5
- Egret Engine
- LimeJS
- EaselJS
- three.js
- AlloyStick
- The-Best-JS-Game-Framework
- CanvasEngine
- Quintus
4. ui組件庫(kù)
5. 基礎(chǔ)模版
6. 排版
7. 網(wǎng)格系統(tǒng)
8. HTML5 API 應(yīng)用
- History.js – gracefully supports the HTML5 History/State APIs
- jquery-pjax – pushState+ajax
- jquery-address – Deep Linking
- Notify.js(Web Notifications API)
9. UA 識(shí)別
10. 表單處理
10.1 表單驗(yàn)證(Form Validator)
- Validator
- Parsley
- jquery.form.js – jQuery Form Plugin
- Validform
- validator.js
- formvalidator.js
- Fort.js – 表單填寫(xiě)進(jìn)度提示
10.2 < select > 相關(guān)
10.3 單選框/復(fù)選框相關(guān)
10.4 上傳組件
- jQuery File Upload Plugin
- 百度 Web Uploader
- Uploadify
- Plupload
- arale-upload – 輕量級(jí) iframe and html5 file uploader
- Dropzone.js – drag’n’drop library拖拽上傳
- flow.js
10.5 日期選擇
10.6 取色
10.7 標(biāo)簽插件(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. 頁(yè)面交互
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 圖片懶加載/加載監(jiān)聽(tīng)
- imagesLoaded
- Echo.js
- lazySizes
- jquery_lazyload
- lazyload.js
- waitForImages – 圖片加載監(jiān)聽(tīng)?zhēng)?/a>
13.4 圖片輪播/展示
13.5 圖片剪裁
13.6 進(jìn)度條
13.7 側(cè)滑插件(offcancas)
13.8 菜單(Menu)
13.9 滾動(dòng)偵測(cè)(ScrollSpy)
13.10 滾動(dòng)加載更多
13.11 平滑滾動(dòng)插件(Smooth Scroll)
13.12 全屏滾動(dòng)
13.13 分屏滾動(dòng)
13.14 轉(zhuǎn)場(chǎng)效果
13.15 固定元素(Sticky)
13.16 觸控事件
13.17 拖拽組件
13.18 隱藏或展示頁(yè)面元素
13.19 滾動(dòng)條
13.20 視差滾動(dòng)(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實(shí)現(xiàn)的響應(yīng)式Icon
- Simple Icons
16. 動(dòng)畫(huà)
- animate.css – A cross-browser library of CSS animations.
- Transit – CSS transitions and transformations for jQuery
- Move.js – 簡(jiǎn)化CSS3動(dòng)畫(huà)的JS庫(kù)
- ScrollMe – 在網(wǎng)頁(yè)中加入各種滾動(dòng)動(dòng)畫(huà)效果
- Effeckt.css – A Performant Transitions and Animations Library
- NEC動(dòng)畫(huà)庫(kù)
- csshake – CSS classes to move your DOM
- magic – CSS3 Animations with special effects
- Hover.css
- css-loaders
- SpinKit
17. 本地存儲(chǔ)
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. 對(duì)話框/彈出層(lightbox)
- fancyBox – Fancy jQuery lightbox
- jquery-lightbox – The popular lightbox script, ported to jQuery
- Colorbox – a jQuery lightbox
- artDialog – 經(jīng)典的網(wǎng)頁(yè)對(duì)話框組件
- DialogEffects
22. 文檔/表格
- handsontable – 在線可編輯excel表格
- jQuery Bootgrid – 用于ajax生成動(dòng)態(tài)表格
- DataTables – Table plug-in for jQuery
23. 目錄樹(shù)插件
24. Ajax模塊
25. 音頻/視頻
- jPlayer – HTML5 Audio & Video for jQuery
- video.js – HTML5 & Flash video player
- Accessible HTML5 Video Player – PayPal 開(kāi)源的 HTML5 視頻播放器
- Clappr – 開(kāi)源的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
