前端組件庫
搭建web app常用的樣式/組件等收集列表(移動優先)
</blockquote>1. 前端框架
- Bootstrap
- Foundation
- Amaze UI
- Semantic UI
- Pure CSS
- topcoat
- UIkit
- Material UI
- Framework7
- mui
- ionic framework
</ul>2. ui組件庫
- GMU
- NEC
</ul>3. 基礎模版
- HTML5 BOILERPLATE
- Modernizr
- Normalize.css
</ul>4. 排版
- yue.css
- typo.css
</ul>5. 網格系統
- grid
</ul>6. HTML5 API 應用
- History.js - gracefully supports the HTML5 History/State APIs
- pushState + ajax
- Notify.js(Web Notifications API)
</ul>7. UA 識別
- detector
</ul>8. 表單處理
8.1 表單驗證(Form Validator)
- Validator
- Parsley
- jquery.form.js - jQuery Form Plugin
- Validform
- validator.js
- formvalidator.js
</ul>8.2 < select > 相關
- Chosen
- Select2
- bootstrap-select
</ul>8.3 上傳組件
- jQuery File Upload Plugin
- 百度 Web Uploader
- Uploadify
- arale-upload - 輕量級 iframe and html5 file uploader
</ul>8.4 日期選擇
- Both Date and Time picker widget based on 推ter bootstrap
- GMU 日歷組件
- Mobiscroll
</ul>8.5 取色
- Colorpicker plugin for 推ter Bootstrap
</ul>9. 圖表繪制
- Chart.js - Simple HTML5 Charts using Canvas
- 百度 ECharts
- Chartist.js
</ul>10. 日期格式化
- Moment.js
</ul>11. 頁面交互
11.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
</ul>11.2 瀑布流
- Masonry
- Isotope - Filter & sort magical layouts
</ul>11.3 圖片懶加載
- imagesLoaded
- Echo.js
</ul>11.4 進度條
- NProgress.js
</ul>11.5 圖片輪播
- FlexSlider
</ul>11.6 側滑插件(offcancas)
- pushy - a responsive off-canvas navigation menu
</ul>11.7 滾動偵測(ScrollSpy)
- jquery-scrollspy(1)
- jquery-scrollspy(2)
</ul>11.8 平滑滾動插件(Smooth Scroll)
- jquery-smooth-scroll
</ul>11.9 固定元素(Sticky)
- sticky - jQuery Plugin for Sticky Objects
</ul>11.10 觸控事件
- Hammer.JS
</ul>12. 輕量級的代碼高亮插件
- google-code-prettify
- highlight.js
- Rainbow
</ul>13. UI Icon 組件
本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！