前端组件库大合集-必备收藏-CSDN博客
### 1\. 前端框架(Frameworks)
* [Bootstrap](https://github.com/twbs/bootstrap "Bootstrap")
* [Foundation](https://github.com/zurb/foundation "Foundation")
* [Amaze UI](http://amazeui.org/ "Amaze UI")
* [Semantic UI](https://github.com/semantic-org/semantic-ui "Semantic UI")
* [Pure CSS](http://purecss.io/ "Pure CSS")
* [topcoat](https://github.com/topcoat/topcoat "topcoat")
* [UIkit](https://github.com/uikit/uikit "UIkit")
* [Material UI](https://github.com/callemall/material-ui "Material UI")
* [Framework7](http://www.idangero.us/framework7 "Framework7")
* [mui](https://github.com/dcloudio/mui "mui")
* [ionic framework](http://ionicframework.com/ "ionic framework")
* [Fries](https://github.com/jaunesarmiento/fries "Fries")
* [jQuery Mobile](http://jquerymobile.com/ "jQuery Mobile")
### 2\. JavaScript 框架汇总
* JavaScript 框架
* [react](https://github.com/facebook/react "react")
* [Angular](https://github.com/angular/angular "Angular")
* [jQuery](https://github.com/jquery/jquery "jQuery")
* [Backbone.js](https://github.com/jashkenas/backbone "Backbone.js")
* [Ractive.js](https://github.com/ractivejs/ractive "Ractive.js")
* [KISSY](https://github.com/kissyteam/kissy "KISSY")
* [Zepto.js](https://github.com/madrobby/zepto "Zepto.js")
* [Vanilla JS](http://vanilla-js.com/ "Vanilla JS")
* [Avalon](https://github.com/RubyLouvre/avalon "Avalon")
* 轻量级JavaScript框架
* [Min.js – Super minimal selector and event library](https://github.com/remy/min.js "Min.js – Super minimal selector and event library")
* [skel.js – A lightweight responsive framework](https://github.com/n33/skel "skel.js – A lightweight responsive framework")
* JavaScript 工具库
* [underscore.js](https://github.com/jashkenas/underscore "underscore.js")
* [Way.js – 双向数据绑定库](https://github.com/gwendall/way.js "Way.js – 双向数据绑定库")
* [Keys.js – 应用快捷键](https://github.com/bitwalker/keys.js "Keys.js – 应用快捷键")
### 3\. 前端游戏框架
* [cocos2d-html5](https://github.com/cocos2d/cocos2d-html5 "cocos2d-html5")
* [Egret Engine](http://www.egret-labs.org/ "Egret Engine")
* [LimeJS](https://github.com/digitalfruit/limejs "LimeJS")
* [EaselJS](https://github.com/CreateJS/EaselJS "EaselJS")
* [three.js](https://github.com/mrdoob/three.js "three.js")
* [AlloyStick](https://github.com/AlloyTeam/AlloyStick "AlloyStick")
* [The-Best-JS-Game-Framework](https://github.com/finscn/The-Best-JS-Game-Framework "The-Best-JS-Game-Framework")
* [CanvasEngine](https://github.com/RSamaium/CanvasEngine "CanvasEngine")
* [Quintus](https://github.com/cykod/Quintus "Quintus")
### 4\. ui[组件](https://www.janecc.com/tag/component/ "组件")库
* [GMU](https://github.com/fex-team/GMU "GMU")
* [NEC](http://nec.netease.com/ "NEC")
* [NEJ](http://nej.netease.com/ "NEJ")
* [Pure CSS Components](https://github.com/LFeh/css-components/ "Pure CSS Components")
* [magic-of-css](https://github.com/adamschwartz/magic-of-css "magic-of-css")
### 5\. 基础模版
* [HTML5 BOILERPLATE](https://github.com/h5bp/html5-boilerplate "HTML5 BOILERPLATE")
* [Modernizr](https://github.com/Modernizr/Modernizr "Modernizr")
* [Normalize.css](https://github.com/necolas/normalize.css/ "Normalize.css")
* [Responsive – 响应式布局](https://github.com/ResponsiveBP/Responsive "Responsive – 响应式布局")
### 6\. 排版
* [yue.css](https://github.com/lepture/yue.css "yue.css")
* [typo.css](https://github.com/sofish/typo.css "typo.css")
* [chinese-copywriting-guidelines – 中文文案排版指南](https://github.com/sparanoid/chinese-copywriting-guidelines "chinese-copywriting-guidelines – 中文文案排版指南")
### 7\. 网格系统
* [grid](https://github.com/aekaplan/grid "grid")
* [Flexbox Grid](https://github.com/kristoferjoseph/flexboxgrid "Flexbox Grid")
### 8\. HTML5 API 应用
* [History.js – gracefully supports the HTML5 History/State APIs](https://github.com/browserstate/history.js "History.js – gracefully supports the HTML5 History/State APIs")
* [jquery-pjax – pushState+ajax](https://github.com/defunkt/jquery-pjax "jquery-pjax – pushState+ajax")
* [jquery-address – Deep Linking](https://github.com/asual/jquery-address "jquery-address – Deep Linking")
* [Notify.js(Web Notifications API)](https://github.com/alexgibson/notify.js "Notify.js(Web Notifications API)")
### 9\. UA 识别
* [detector](https://github.com/hotoo/detector "detector")
### 10\. 表单处理
#### 10.1 表单验证(Form Validator)
* [Validator](https://github.com/niceue/validator "Validator")
* [Parsley](https://github.com/guillaumepotier/Parsley.js "Parsley")
* [jquery.form.js – jQuery Form Plugin](https://github.com/malsup/form "jquery.form.js – jQuery Form Plugin")
* [Validform](https://github.com/haiercdboy/Validform "Validform")
* [validator.js](https://github.com/sofish/validator.js "validator.js")
* [formvalidator.js](https://github.com/victorjonsson/jQuery-Form-Validator "formvalidator.js")
* [Fort.js – 表单填写进度提示](http://github.com/Colourity/Fort.js "Fort.js – 表单填写进度提示")
#### 10.2 < select > 相关
* [Chosen](https://github.com/harvesthq/chosen "Chosen")
* [Select2](https://github.com/select2/select2 "Select2")
* [bootstrap-select](https://github.com/silviomoreto/bootstrap-select "bootstrap-select")
#### 10.3 单选框/复选框相关
* [iCheck – 增强复选框和单选按钮](https://github.com/fronteed/iCheck "iCheck – 增强复选框和单选按钮")
#### 10.4 上传组件
* [jQuery File Upload Plugin](https://github.com/blueimp/jQuery-File-Upload "jQuery File Upload Plugin")
* [百度 Web Uploader](http://fex-team.github.io/webuploader/ "百度 Web Uploader")
* [Uploadify](http://www.uploadify.com/ "Uploadify")
* [Plupload](https://github.com/moxiecode/plupload "Plupload")
* [arale-upload – 轻量级 iframe and html5 file uploader](https://github.com/aralejs/upload "arale-upload – 轻量级 iframe and html5 file uploader")
* [Dropzone.js – drag’n’drop library拖拽上传](https://github.com/enyo/dropzone "Dropzone.js – drag’n’drop library拖拽上传")
* [flow.js](https://github.com/flowjs/flow.js "flow.js")
#### 10.5 日期选择
* [Both Date and Time picker widget based on twitter bootstrap](https://github.com/smalot/bootstrap-datetimepicker "Both Date and Time picker widget based on twitter bootstrap")
* [GMU 日历组件](http://gmu.baidu.com/demo/widget/calendar/calendar.html "GMU 日历组件")
* [Mobiscroll](https://github.com/acidb/mobiscroll "Mobiscroll")
#### 10.6 取色
* [Colorpicker plugin for Twitter Bootstrap](https://github.com/mjolnic/bootstrap-colorpicker "Colorpicker plugin for Twitter Bootstrap")
#### 10.7 标签插件(Tag)
* [TaggingJS – 可以灵活定制的 jQuery 标签系统插件](https://github.com/sniperwolf/taggingJS "TaggingJS – 可以灵活定制的 jQuery 标签系统插件")
#### 10.8 自动完成插件
* [At.js – 一个Twitter/微博样式的@自动完成插件](https://github.com/ichord/At.js "At.js – 一个Twitter/微博样式的@自动完成插件")
* [jquery-textcomplete – 智能搜索提示框/自动补全](https://github.com/yuku-t/jquery-textcomplete "jquery-textcomplete – 智能搜索提示框/自动补全")
#### 10.9 样式修正
* [autosize – 使文本框自动适应所输入的内容](https://github.com/jackmoore/autosize "autosize – 使文本框自动适应所输入的内容")
### 11\. 图表绘制
* [Highcharts](https://github.com/highslide-software/highcharts.com "Highcharts")
* [Chart.js – Simple HTML5 Charts using Canvas](https://github.com/nnnick/Chart.js "Chart.js – Simple HTML5 Charts using Canvas")
* [百度 ECharts](https://github.com/ecomfe/echarts "百度 ECharts")
* [Chartist.js](https://github.com/gionkunz/chartist-js "Chartist.js")
* [D3.js – A JavaScript visualization library for HTML and SVG.](https://github.com/mbostock/d3 "D3.js – A JavaScript visualization library for HTML and SVG.")
* [intro-to-d3 – a D3.js tutorial](https://github.com/square/intro-to-d3 "intro-to-d3 – a D3.js tutorial")
### 12\. 日期格式化
* [Moment.js](http://momentjs.com/ "Moment.js")
* [Smart Time Ago – 显示相对时间](https://github.com/pragmaticly/smart-time-ago "Smart Time Ago – 显示相对时间")
### 13\. 页面交互
#### 13.1 Slider
* [slick – the last carousel you’ll ever need](https://github.com/kenwheeler/slick/ "slick – the last carousel you’ll ever need")
* [Swipe – the most accurate touch slider](https://github.com/thebird/Swipe "Swipe – the most accurate touch slider")
* [Swiper – Most modern mobile touch slider](https://github.com/nolimits4web/Swiper "Swiper – Most modern mobile touch slider")
* [iscroll – Smooth scrolling for the web](https://github.com/cubiq/iscroll "iscroll – Smooth scrolling for the web")
* [OwlCarousel – create beautiful responsive carousel slider](https://github.com/OwlFonk/OwlCarousel "OwlCarousel – create beautiful responsive carousel slider")
* [jquery-mousewheel – jQuery鼠标滚轮滚动侦测插件](https://github.com/jquery/jquery-mousewheel/ "jquery-mousewheel – jQuery鼠标滚轮滚动侦测插件")
#### 13.2 瀑布流
* [Masonry](http://masonry.desandro.com/ "Masonry")
* [Isotope – Filter & sort magical layouts](http://isotope.metafizzy.co/ "Isotope – Filter & sort magical layouts")
#### 13.3 图片懒加载/加载监听
* [imagesLoaded](https://github.com/desandro/imagesloaded "imagesLoaded")
* [Echo.js](https://github.com/toddmotto/echo "Echo.js")
* [lazySizes](https://github.com/aFarkas/lazysizes "lazySizes")
* [jquery_lazyload](https://github.com/tuupola/jquery_lazyload "jquery_lazyload")
* [lazyload.js](https://github.com/vvo/lazyload "lazyload.js")
* [waitForImages – 图片加载监听库](https://github.com/alexanderdickson/waitForImages "waitForImages – 图片加载监听库")
#### 13.4 图片轮播/展示
* [FlexSlider](https://github.com/woothemes/FlexSlider "FlexSlider")
* [unslider – 小而美的轮播库](https://github.com/idiot/unslider "unslider – 小而美的轮播库")
* [prettyPhoto](https://github.com/scaron/prettyphoto "prettyPhoto")
#### 13.5 图片剪裁/处理
* [croppic – an image cropping jquery plugin](https://github.com/sconsult/croppic "croppic – an image cropping jquery plugin")
* [jQuery.eraser – 图像擦除插件](https://github.com/boblemarin/jQuery.eraser "jQuery.eraser – 图像擦除插件")
#### 13.6 进度条
* [NProgress.js](http://ricostacruz.com/nprogress/ "NProgress.js")
* [progress.js](https://github.com/usablica/progress.js "progress.js")
* [Pace – Automatic page load progress bar](https://github.com/HubSpot/pace "Pace – Automatic page load progress bar")
* [jquery-ajax-progress](https://github.com/englercj/jquery-ajax-progress "jquery-ajax-progress")
#### 13.7 侧滑插件(offcancas)
* [pushy – a responsive off-canvas navigation menu](https://github.com/christophery/pushy "pushy – a responsive off-canvas navigation menu")
#### 13.8 菜单(Menu)
* [SuperFish – 基于jQuery的级联下拉菜单](https://github.com/joeldbirch/superfish "SuperFish – 基于jQuery的级联下拉菜单")
* [Responsive Nav – 响应式导航](https://github.com/viljamis/responsive-nav.js "Responsive Nav – 响应式导航")
#### 13.9 滚动侦测(ScrollSpy)
* [jquery-scrollspy(1)](https://github.com/sxalexander/jquery-scrollspy "jquery-scrollspy(1)")
* [jquery-scrollspy(2)](https://github.com/thesmart/jquery-scrollspy "jquery-scrollspy(2)")
* [Waypoints](https://github.com/imakewebthings/waypoints "Waypoints")
#### 13.10 滚动加载更多
* [jScroll](https://github.com/pklauzinski/jscroll "jScroll")
#### 13.11 平滑滚动插件(Smooth Scroll)
* [jquery-smooth-scroll](https://github.com/kswedberg/jquery-smooth-scroll "jquery-smooth-scroll")
* [jquery.scrollTo – 平滑滚动到页面指定位置](https://github.com/flesler/jquery.scrollTo "jquery.scrollTo – 平滑滚动到页面指定位置")
#### 13.12 全屏滚动
* [pagePiling.js – 全屏滚动效果](https://github.com/alvarotrigo/pagePiling.js "pagePiling.js – 全屏滚动效果")
#### 13.13 分屏滚动
* [multiscroll.js – 分屏滚动效果](https://github.com/alvarotrigo/multiscroll.js "multiscroll.js – 分屏滚动效果")
#### 13.14 转场效果
* [Animsition – 页面切换时的过渡效果](https://github.com/blivesta/animsition "Animsition – 页面切换时的过渡效果")
#### 13.15 固定元素(Sticky)
* [sticky – jQuery Plugin for Sticky Objects](https://github.com/garand/sticky "sticky – jQuery Plugin for Sticky Objects")
* [jquery.pin – 固定页面元素](https://github.com/webpop/jquery.pin "jquery.pin – 固定页面元素")
#### 13.16 触控事件
* [Hammer.js](https://github.com/hammerjs/hammer.js "Hammer.js")
* [jquery.event.move.js](https://github.com/stephband/jquery.event.move "jquery.event.move.js")
#### 13.17 拖拽组件
* [Draggabilly – 专注于拖拽功能的 JS 库](https://github.com/desandro/draggabilly "Draggabilly – 专注于拖拽功能的 JS 库")
#### 13.18 隐藏或展示页面元素
* [Headroom.js – 在不需要页头时将其隐藏](http://www.bootcss.com/p/headroom.js/ "Headroom.js – 在不需要页头时将其隐藏")
* [Readmore.js – 内容显示与隐藏插件](https://github.com/jedfoster/Readmore.js "Readmore.js – 内容显示与隐藏插件")
#### 13.19 滚动条
* [jScrollPane](https://github.com/vitch/jScrollPane "jScrollPane")
#### 13.20 视差滚动(Parallax Scrolling)
* [parallax.js](https://github.com/wagerfield/parallax "parallax.js")
* [jparallax](https://github.com/stephband/jparallax "jparallax")
### 14\. 代码高亮插件/代码编辑器
* [google-code-prettify](https://code.google.com/p/google-code-prettify/ "google-code-prettify")
* [highlight.js](https://highlightjs.org/ "highlight.js")
* [Rainbow](http://craig.is/making/rainbows "Rainbow")
* [ACE](https://github.com/ajaxorg/ace "ACE")
* [CodeMirror](https://github.com/codemirror/codemirror "CodeMirror")
* [Crayon Syntax Highlighter](https://github.com/aramk/crayon-syntax-highlighter "Crayon Syntax Highlighter")
* [prism – Lightweight, robust, elegant syntax highlighting.](https://github.com/PrismJS/prism "prism – Lightweight, robust, elegant syntax highlighting.")
### 15\. UI Icon 组件
* [Font Awesome](http://fontawesome.io/icons/ "Font Awesome")
* [Glyphter: The SVG Font Machine](http://glyphter.com/ "Glyphter: The SVG Font Machine")
* [Perfect Icons](http://perfecticons.com/ "Perfect Icons")
* [iconizr](http://iconizr.com/ "iconizr")
* [Cikonss – 纯CSS实现的响应式Icon](http://www.bootcss.com/p/cikonss/ "Cikonss – 纯CSS实现的响应式Icon")
* [Simple Icons](https://github.com/danleech/simple-icons "Simple Icons")
### 16\. 动画
* [animate.css – A cross-browser library of CSS animations.](https://github.com/daneden/animate.css "animate.css – A cross-browser library of CSS animations.")
* [Transit – CSS transitions and transformations for jQuery](https://github.com/rstacruz/jquery.transit "Transit – CSS transitions and transformations for jQuery")
* [Move.js – 简化CSS3动画的JS库](https://github.com/visionmedia/move.js "Move.js – 简化CSS3动画的JS库")
* [ScrollMe – 在网页中加入各种滚动动画效果](https://github.com/nckprsn/scrollme "ScrollMe – 在网页中加入各种滚动动画效果")
* [Effeckt.css – A Performant Transitions and Animations Library](https://github.com/h5bp/Effeckt.css "Effeckt.css – A Performant Transitions and Animations Library")
* [NEC动画库](http://nec.netease.com/library/category/#animation "NEC动画库")
* [csshake – CSS classes to move your DOM](https://github.com/elrumordelaluz/csshake "csshake – CSS classes to move your DOM")
* [magic – CSS3 Animations with special effects](https://github.com/miniMAC/magic "magic – CSS3 Animations with special effects")
* [Hover.css](https://github.com/IanLunn/Hover "Hover.css")
* [css-loaders](https://github.com/lukehaas/css-loaders "css-loaders")
* [SpinKit](https://github.com/tobiasahlin/SpinKit "SpinKit")
### 17\. 本地存储
* [cross-storage – Cross domain local storage](https://github.com/zendesk/cross-storage "cross-storage – Cross domain local storage")
* [localForage](https://github.com/mozilla/localForage "localForage")
* [pouchdb](https://github.com/pouchdb/pouchdb "pouchdb")
* [basil.js](https://github.com/Wisembly/basil.js "basil.js")
### 18\. 模板引擎
* [mustache.js](https://github.com/janl/mustache.js "mustache.js")
* [Handlebars.js](http://www.jingwentian.com/t-66 "Handlebars.js")
* [artTemplate](https://github.com/aui/artTemplate "artTemplate")
* [baiduTemplate](https://github.com/wangxiao/BaiduTemplate "baiduTemplate")
* [JSRender](https://github.com/BorisMoore/jsrender "JSRender")
* [EJS – JavaScript Templates](https://github.com/tj/ejs "EJS – JavaScript Templates")
* [Juicer – A Light Javascript Templete Engine.](https://github.com/PaulGuo/Juicer "Juicer – A Light Javascript Templete Engine.")
* [Tempo](https://github.com/twigkit/tempo "Tempo")
* [json2html](https://github.com/moappi/json2html "json2html")
### 19\. 通知组件/弹框组件
* [alertify.js](https://github.com/fabien-d/alertify.js "alertify.js")
* [AlertifyJS](https://github.com/MohammadYounes/AlertifyJS "AlertifyJS")
* [SweetAlert](https://github.com/t4t5/sweetalert "SweetAlert")
* [Messenger – 非常酷的弹框组件](https://github.com/HubSpot/messenger "Messenger – 非常酷的弹框组件")
* [PNotify](https://github.com/sciactive/pnotify "PNotify")
* [Notify.js – A simple, versatile notification library](https://github.com/jpillora/notifyjs "Notify.js – A simple, versatile notification library")
### 20\. 提示控件(Tooltips)
* [qTip2 – Pretty powerful tooltips](https://github.com/qTip2/qTip2 "qTip2 – Pretty powerful tooltips")
* [tooltip – CSS Tooltips](https://github.com/HubSpot/tooltip "tooltip – CSS Tooltips")
* [tooltipster – A jQuery tooltip plugin](https://github.com/iamceege/tooltipster "tooltipster – A jQuery tooltip plugin")
* [grumble.js – 气泡形状的提示（Tooltip）控件](https://github.com/jamescryer/grumble.js "grumble.js – 气泡形状的提示（Tooltip）控件")
* [Ouibounce – 离站提示控件](https://github.com/carlsednaoui/ouibounce "Ouibounce – 离站提示控件")
### 21\. 对话框/弹出层(lightbox)
* [fancyBox – Fancy jQuery lightbox](https://github.com/fancyapps/fancyBox "fancyBox – Fancy jQuery lightbox")
* [jquery-lightbox – The popular lightbox script, ported to jQuery](https://github.com/krewenki/jquery-lightbox "jquery-lightbox – The popular lightbox script, ported to jQuery")
* [Colorbox – a jQuery lightbox](https://github.com/jackmoore/colorbox "Colorbox – a jQuery lightbox")
* [artDialog – 经典的网页对话框组件](https://github.com/aui/artDialog "artDialog – 经典的网页对话框组件")
* [DialogEffects](https://github.com/codrops/DialogEffects "DialogEffects")
### 22\. 文档/表格
* [handsontable – 在线可编辑excel表格](https://github.com/handsontable/handsontable "handsontable – 在线可编辑excel表格")
* [jQuery Bootgrid – 用于ajax生成动态表格](https://github.com/rstaib/jquery-bootgrid "jQuery Bootgrid – 用于ajax生成动态表格")
* [DataTables – Table plug-in for jQuery](https://github.com/DataTables/DataTables "DataTables – Table plug-in for jQuery")
### 23\. 目录树插件
* [zTree_v3 – jQuery Tree Plugin](https://github.com/zTree/zTree_v3 "zTree_v3 – jQuery Tree Plugin")
* [jstree – jQuery Tree Plugin](https://github.com/vakata/jstree "jstree – jQuery Tree Plugin")
* [fancytree – Tree plugin for jQuery](https://github.com/mar10/fancytree "fancytree – Tree plugin for jQuery")
### 24\. Ajax模块
* [fetch – A window.fetch JavaScript polyfill](https://github.com/github/fetch "fetch – A window.fetch JavaScript polyfill")
* [reqwest – browser asynchronous http requests](https://github.com/ded/reqwest "reqwest – browser asynchronous http requests")
* [minAjax.js](https://github.com/argunner/minAjax.js/ "minAjax.js")
### 25\. 音频/视频
* [jPlayer – HTML5 Audio & Video for jQuery](https://github.com/happyworm/jPlayer "jPlayer – HTML5 Audio & Video for jQuery")
* [video.js – HTML5 & Flash video player](https://github.com/videojs/video.js "video.js – HTML5 & Flash video player")
* [Accessible HTML5 Video Player – PayPal 开源的 HTML5 视频播放器](https://github.com/paypal/accessible-html5-video-player "Accessible HTML5 Video Player – PayPal 开源的 HTML5 视频播放器")
* [Clappr – 开源的Web视频播放器](https://github.com/clappr/clappr "Clappr – 开源的Web视频播放器")
* [Plyr – A simple HTML5 media player](https://github.com/selz/plyr "Plyr – A simple HTML5 media player")
* [FitVids.js – A lightweight, easy-to-use jQuery plugin for fluid width video embeds.](https://github.com/davatron5000/FitVids.js "FitVids.js – A lightweight, easy-to-use jQuery plugin for fluid width video embeds.")
* [BigVideo.js – The jQuery Plugin for Big Background Video](https://github.com/dfcb/BigVideo.js "BigVideo.js – The jQuery Plugin for Big Background Video")
* [BigScreen – A simple library for using the JavaScript Full Screen API](https://github.com/bdougherty/BigScreen "BigScreen – A simple library for using the JavaScript Full Screen API")
* [Vide – 视频背景](https://github.com/VodkaBears/Vide "Vide – 视频背景")
* [winamp2-js](https://github.com/captbaritone/winamp2-js "winamp2-js")
### 26\. 按钮
* [Buttons – A CSS button library](https://github.com/alexwolfe/Buttons "Buttons – A CSS button library")
* [ButtonComponentMorph](https://github.com/codrops/ButtonComponentMorph "ButtonComponentMorph")
* [ProgressButtonStyles](https://github.com/codrops/ProgressButtonStyles "ProgressButtonStyles")
* [CreativeButtons](https://github.com/codrops/CreativeButtons "CreativeButtons")
* [CSS3 buttons](https://github.com/ubuwaits/css3-buttons "CSS3 buttons")
* [jquery.onoff – Interactive, accessible toggle switches for the web.](https://github.com/timmywil/jquery.onoff "jquery.onoff – Interactive, accessible toggle switches for the web.")
### 27\. 富文本编辑器/Markdown编辑器/Markdown解析器
* [Simditor – 简单快速的富文本编辑器](https://github.com/mycolorway/simditor "Simditor – 简单快速的富文本编辑器")
* [BachEditor – 一个有情怀的编辑器](https://github.com/Integ/BachEditor "BachEditor – 一个有情怀的编辑器")
* [bootstrap-markdown](https://github.com/toopay/bootstrap-markdown "bootstrap-markdown")
* [marked – markdown解析器](https://github.com/chjj/marked "marked – markdown解析器")
### 28\. 内容提取(Readability)
* [Readability](https://code.google.com/p/arc90labs-readability/ "Readability")
* [json.human.js – Json Formatting for Human Beings](https://github.com/marianoguerra/json.human.js "json.human.js – Json Formatting for Human Beings")
### 29\. 颜色(CSS Colors)/SVG
* [CSS Colours](http://colours.neilorangepeel.com/ "CSS Colours")
* [SVGeneration](http://www.svgeneration.com/ "SVGeneration")
### 30\. 实用工具/其他插件
* [jquery-cookie](https://github.com/carhartl/jquery-cookie "jquery-cookie")
* [FastClick – 处理移动端 click 事件 300 毫秒延迟](https://github.com/ftlabs/fastclick "FastClick – 处理移动端 click 事件 300 毫秒延迟")
* [screenfull.js – 全屏切换](https://github.com/sindresorhus/screenfull.js "screenfull.js – 全屏切换")
* [Async.js – 异步操作](https://github.com/caolan/async "Async.js – 异步操作")
* [html2canvas – 实现纯JS网页截图](https://github.com/niklasvh/html2canvas "html2canvas – 实现纯JS网页截图")
* [jquery.qrcode.js – 生成二维码的 jQuery 插件](https://github.com/jeromeetienne/jquery-qrcode "jquery.qrcode.js – 生成二维码的 jQuery 插件")
* [FocusPoint.js 实现图片的响应式裁剪](https://github.com/jonom/jquery-focuspoint "FocusPoint.js 实现图片的响应式裁剪")
* [DD_belatedPNG.js – 让IE6支持透明PNG图片](http://www.dillerdesign.com/experiment/DD_belatedPNG/ "DD_belatedPNG.js – 让IE6支持透明PNG图片")
* [nakedpassword – 用脱衣女帮助检测密码强度](https://github.com/platform45/nakedpassword "nakedpassword – 用脱衣女帮助检测密码强度")
* [PDF.js – 一个 JavaScript 编写的 PDF 阅读器](https://github.com/mozilla/pdf.js "PDF.js – 一个 JavaScript 编写的 PDF 阅读器")
* * *
### 前端参考集
* [frontend-guidelines – Some HTML, CSS and JS best practices.](https://github.com/bendc/frontend-guidelines "frontend-guidelines – Some HTML, CSS and JS best practices.")
* [Codrops – Useful resources](https://github.com/codrops "Codrops – Useful resources")
* [Front-end Code Standards & Best Practices](http://isobar-idev.github.io/code-standards/ "Front-end Code Standards & Best Practices")
* [frontend-dev-bookmarks](https://github.com/dypsilon/frontend-dev-bookmarks "frontend-dev-bookmarks")
原网址: 访问
创建于: 2024-01-25 15:32:40
目录: default
标签: 无
未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到
最新评论