目录

  1. React 相关
  2. Vue 相关
  3. 前端 UI 框架
  4. CSS 相关
  5. 单页
  6. 表单相关
  7. 弹出相关
  8. 开发工具
  9. 移动端相关
  10. 鼠标相关
  11. 数据处理
  12. 图片相关
  13. 动画相关
  14. 项目资料
  15. 其他相关

react

React 相关
===实例===
https://github.com/jesseskinner/react-webpack-demo
===UI组件库===
https://github.com/amazeui/amazeui-react React UI组件库
https://github.com/ant-design/ant-design React 企业级的UI库
https://github.com/callemall/material-ui React UI组件库
https://github.com/icecreamliker/uskin React UI组件库
https://github.com/grommet/grommet 最先进用户体验的企业应用程序框架
https://github.com/Lobos/react-ui React UI组件库
https://github.com/mlaursen/react-md 这是另一个基于谷歌 Material Design 设计规范的库
https://github.com/nikgraf/belle/ 可配置的 React 组件库
https://github.com/OfficeDev/office-ui-fabric-react 用于为 Office 和 Office 365 构建用户体验的 React 组件
https://github.com/palantir/blueprint 它将为拥有复杂、数据密集的 Web 界面的桌面应用程序进行全面优化。如果你注重移动端的交互体验,并且正寻找移动优先的 UI 套件的话,它可能不适合你。
https://github.com/react-bootstrap/react-bootstrap 一个可重用的前端组件库。通过使用 Facebook 的 React.js 框架来获得 Twitter Bootstrap 的外观与体验,以及更清晰的代码
https://github.com/react-toolbox/react-toolbox React UI组件库
https://github.com/rsuite/rsuite React Ui组件库
https://github.com/Semantic-Org/Semantic-UI-React 由 Semantic-UI 官方出品的 React UI 组件
https://github.com/tleunen/react-mdl React UI组件库
https://github.com/uxcore/uxcore 为企业级后台应用而生
https://github.com/youzan/zent 有赞开发的基于 React 的 UI 组件库
===组件===
https://github.com/JedWatson/react-select React select组件
https://github.com/igorprado/react-notification-system React 通知组件
https://github.com/jasonslyvia/react-anything-sortable React 拖拽排序组件
https://github.com/jasonslyvia/react-lazyload React 懒加载
https://github.com/akiran/react-slick React Slick 幻灯片组件
https://github.com/reactjs/react-autocomplete React 自动完成组件
https://github.com/airbnb/react-dates React 日期组件
https://github.com/milworm/react-progress-2 React 加载进度组件

vue

===官方===
https://github.com/vuejs/vue

vue-components组件库

---PC端---
https://github.com/ElemeFE/element Vue2.0 PC端UI组件库
https://github.com/iview/iview 一套基于 Vue.js 的高质量 UI 组件库
https://github.com/jackbarham/vuejs-style-guide Vue UI框架 vibecast UI风格
https://github.com/luojilab/radon-ui 一个帮助你快速开发产品的Vue组件库,简洁好用,效率高,让你摆脱各种定制化的烦恼
https://github.com/myronliu347/vue-carbon 基于vue开发的material design ui库
https://github.com/N3-components/N3-components Vue UI组件库
https://github.com/okoala/vue-antd Vue版 ant.design UI组件库
https://github.com/posva/vue-mdl Material Design Lite 组件库
https://github.com/rafaelpimpa/buefy 基于 Bulma 的 Vue.js 轻量级 UI 组件库
https://github.com/AT-UI/at-ui at-ui 一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站产品
https://github.com/vuetifyjs/vuetify 基于 Material 的 Vue.js 2.0 前端 UI 组件库
---移动端---
https://github.com/airyland/vux vue 微信UI组件库
https://github.com/mennghao/vue-mui Vue UI组件库
https://github.com/wdfe/wdui 基于 Vue 2.0 的移动 UI 组件库
https://github.com/youzan/vant 有赞开发的基于 Vue.js 2.0 的 UI 组件库

vue-form表单

https://github.com/lincenying/vue2-ajax-form Vue2 ajax提交表单组件
https://github.com/monterail/vue-multiselect Vue 模拟select组件
https://github.com/jinzhe/vue-calendar Vue 日期组件
https://github.com/PeakTai/vue-uploader Vue 上传组件
https://github.com/xiaokaike/magic-upload-image 多功能图片上传,支持截图黏贴,拖拽,文件上传
https://github.com/james2doyle/vue-ajax-form-component Vue ajax提交表单组件
https://github.com/wszgxa/vue-v Vue 表单验证组件

vue-handle操作

https://github.com/MeCKodo/vue-tap Vue的tap手势插件
https://github.com/kokdemo/vue-href Vue的指令插件,可以让你给任何dom加上一个跳转的事件

vue-image图片

https://github.com/waynecz/vue-img-inputer 基于 Vue2 的图片输入框,用于图片预览、拖拽、回填,主题可选,高度可定制
https://github.com/hilongjw/vue-lazyload Vue 图片懒加载组件
https://github.com/JALBAA/vue-lazyload-img Vue 图片懒加载组件
https://github.com/qusiba/vue-slider Vue 幻灯片组件
https://github.com/coffcer/vue-loading Vue loadding组件
https://github.com/shhdgit/vue-easy-slider Vue.js 的轮播组件

vue-notice通知

https://github.com/s4l1h/vue-toastr Vue Toastr 组件
https://www.npmjs.com/package/vue-toaster-plugin Vue Toastr 组件

vue-other其他

https://github.com/miaolz123/vue-markdown Vue markdown解析器组件
https://github.com/wy-ei/vue-filter Vue 过滤器组件
https://github.com/BrockReece/vue-faker Vue 数据伪造器
https://github.com/Twiknight/vue-transition Vue 处理CSS转换组件和动画
https://github.com/shidianxia/vue-localforage Vue 本地存储插件
https://github.com/jaweii/vueg 为 webApp 提供转场特效的开源 Vue 插件
https://github.com/jcc/v-distpicker 一个简单易用的地区选择器

===实例===
https://github.com/jackhutu/jackblog-vue
https://github.com/lincenying/mmf-blog-vue2
https://github.com/lincenying/mmf-blog-vue2-ssr

===资料===
https://github.com/vuejs/awesome-vue

ui

前端 UI 框架

https://github.com/twbs/bootstrap
https://github.com/google/material-design-lite
https://github.com/almasaeed2010/AdminLTE
https://github.com/Semantic-Org/Semantic-UI
https://github.com/thomaspark/bootswatch
https://github.com/Dogfalo/materialize
https://github.com/easysoft/zui
https://github.com/driftyco/ionic
https://github.com/OnsenUI/OnsenUI
https://github.com/sdc-alibaba/SUI-Mobile
https://github.com/usmanhalalit/charisma
https://github.com/jgthms/bulma 基于 Flexbox 的当代 CSS 框架
https://github.com/BlazeCSS/Blaze Open Source CSS Framework
https://github.com/siimple/siimple 扁平干净的 CSS 框架

css相关

===CSS框架===
https://github.com/lucasgruwez/waffle-grid 一个易于使用的 flexbox 栅格布局系统

===CSS初始化===
https://github.com/necolas/normalize.css

===CSS动画===
https://github.com/blivesta/animsition
https://github.com/daneden/animate.css
https://github.com/ai/easings.net

===加载动画===
https://github.com/ConnorAtherton/loaders.css
https://github.com/tobiasahlin/SpinKit
https://github.com/lukehaas/css-loaders
https://github.com/HubSpot/pace

===布局===
https://github.com/Coffcer/flex-layout

===less Mixin===
https://github.com/mdo/preboot
https://github.com/madebysource/lesshat

===箭头按钮===
https://github.com/shpoont/bootstrap-arrow-buttons

===rem布局===
https://github.com/jieyou/rem_layout

spa单页

https://github.com/peachananr/onepage-scroll 创建一个单页滚动网站
https://github.com/lvming6816077/H5FullscreenPage
https://github.com/alvarotrigo/fullPage.js
https://github.com/qiqiboy/pageSwitch
https://github.com/lukehaas/Scrollify
https://github.com/hakimel/reveal.js HTML PPT 框架

form表单相关

https://github.com/idriskhenchil/Fort.js 时尚、现代的表单填写进度提示效果

===表单美化===
https://github.com/fronteed/icheck
https://vsn4ik.github.io/bootstrap-checkbox/
https://github.com/forsigner/magic-check

===表单验证===
Smoke form validation and components for Bootstrap
https://github.com/alfredobarron/smoke
https://github.com/niceue/nice-validator
https://github.com/elclanrs/jq-idealforms
https://github.com/guillaumepotier/Parsley.js

===日期===
https://github.com/dangrossman/bootstrap-daterangepicker
https://github.com/moment/moment javascript 解析,验证,操作,和展示日期
https://github.com/fengyuanchen/datepicker
https://github.com/hilios/jQuery.countdown
https://github.com/chmln/flatpickr 一款轻量级的、强大的日期选择器,零依赖

===自动高度===
https://github.com/jackmoore/autosize

===自动完成===
https://github.com/yuku-t/jquery-textcomplete
http://sniperwolf.github.io/taggingJS/
https://github.com/fengyuanchen/completer
https://github.com/nicolasbize/magicsuggest
https://github.com/leaverou/awesomplete/ 比datalist更强大更实用,零依赖的简单自动补全插件

===下拉列表===
https://github.com/gustavohenke/bselect
http://loopj.com/jquery-tokeninput/
https://github.com/select2/select2
http://selectize.github.io/selectize.js/
http://davidstutz.github.io/bootstrap-multiselect/
https://github.com/harvesthq/chosen
https://github.com/wenzhixin/multiple-select

===上传===
https://github.com/mailru/FileAPI
https://github.com/moxiecode/plupload
https://github.com/blueimp/jQuery-File-Upload
https://github.com/fex-team/webuploader
https://github.com/weixiyen/jquery-filedrop
http://rubaxa.github.io/jquery.fileapi/

===编辑器===
https://github.com/mycolorway/simditor
https://github.com/neilj/Squire
https://github.com/basecamp/trix
https://github.com/wangfupeng1988/wangEditor
https://github.com/summernote/summernote
https://github.com/pandao/editor.md
https://github.com/Houfeng/mditor 一个简洁、易于集成、方便扩展、期望舒服的编写 markdown 的编辑
https://github.com/quilljs/quill/ 可以灵活自定义的开源的富文本编辑器

===表单数据===
https://github.com/maxatwork/form2js
https://github.com/tinganho/jquery.formParams

===格式化===
https://github.com/igorescobar/jQuery-Mask-Plugin
https://github.com/nosir/cleave.js/ 自动格式化表单输入框的文本内容

dialog弹出相关

===弹窗===
https://github.com/VersatilityWerks/jAlert
https://github.com/t4t5/sweetalert 替代 Alert 的漂亮的提示效果
https://github.com/aui/artDialog
https://github.com/HubSpot/messenger
https://github.com/marcosesperon/Messi
https://github.com/jackmoore/colorbox
https://github.com/makeusabrew/bootbox
http://stephanwagner.me/jBox
https://github.com/craftpip/jquery-confirm
https://github.com/sentsin/layer

===通知===
https://github.com/justindomingue/ohSnap
https://github.com/needim/noty
https://github.com/fabien-d/alertify.js
https://github.com/ericprieto/simply-toast
https://github.com/notifyjs/notifyjs
https://github.com/sciactive/pnotify
https://github.com/csilva2810/notifier JavaScript 和 CSS 打造的一款漂亮的通知提示组件

===提示===
https://github.com/HubSpot/tooltip
https://github.com/iamceege/tooltipster
https://github.com/jaz303/tipsy
https://github.com/paulkinzett/toolbar
https://github.com/stevenbenner/jquery-powertip
https://github.com/atomiks/tippyjs 一个轻量级的纯 JS 消息提示库

devtools开发工具

https://github.com/vladikoff/grunt-devtools

mobile移动端相关

https://github.com/ftlabs/fastclick 消除移动端浏览器上的点击事件 300ms 延迟
https://github.com/hammerjs/hammer.js/ 一款小巧的手势库

===导航菜单===
https://github.com/mango/slideout 触摸滑出式 Web App 导航菜单

===选择器===
https://github.com/ustbhuangyi/picker 一款轻量级IOS风格的JavaScript选择器

mouse鼠标相关

===Hover===
https://github.com/gudh/ihover
https://github.com/kazzkiq/balloon.css
https://github.com/IanLunn/Hover CSS3鼠标移到元素上面的动画效果

===鼠标事件===
https://github.com/jquery/jquery-mousewheel

===滚动监控===
https://github.com/imakewebthings/waypoints
https://github.com/flesler/jquery.scrollTo
https://github.com/mpalpha/animate-scroll
https://github.com/jlmakes/scrollreveal 使元素以非常酷帅的方式进入画布 (Viewpoint)
https://github.com/infinite-scroll/infinite-scroll 一款滚动加载按需加载的轻量级插件

===滚动条===
https://github.com/kswedberg/jquery-smooth-scroll
https://github.com/rochal/jQuery-slimScroll
https://github.com/cubiq/iscroll
https://github.com/jamesflorentino/nanoScrollerJS
https://github.com/inuyaksa/jquery.nicescroll
https://github.com/Automattic/antiscroll
https://github.com/ustbhuangyi/better-scroll 小巧,灵活的 JavaScript 模拟滚动条的插件

===右键菜单===
https://github.com/swisnl/jQuery-contextMenu

===跟随===
https://github.com/garand/sticky
https://github.com/davist11/jQuery-Stickem
https://github.com/leafo/sticky-kit

===拖拽排序===
https://github.com/RubaXa/Sortable 一款用于实现元素拖拽排序的功能的插件
https://github.com/farhadi/html5sortable
https://github.com/desandro/draggabilly 轻松实现拖放功能(Drag & Drop)

data数据处理

https://github.com/nosir/cleave.js 用于格式化文本框输入内容的插件
===模板引擎===
https://github.com/blueimp/JavaScript-Templates
https://github.com/aui/artTemplate
https://github.com/xtemplate/xtemplate
https://github.com/ecomfe/etpl

===PJAX===
https://github.com/defunkt/jquery-pjax

===Fetch===
https://github.com/github/fetch

===模拟数据===
https://github.com/jakerella/jquery-mockjax

===loadsh===
https://github.com/lodash/loadsh

===es6-shim===
https://github.com/paulmillr/es6-shim

image图片相关

https://github.com/desandro/imagesloaded 检测网页中的图片是否加载完成

===相册===
https://github.com/fat/zoom.js
https://github.com/krewenki/jquery-lightbox
https://github.com/scaron/prettyphoto
https://github.com/blueimp/Bootstrap-Image-Gallery
https://github.com/yairEO/photobox
https://github.com/sachinchoolur/lightGallery
https://github.com/sachinchoolur/lightgallery.js

===幻灯片/走马灯===
https://github.com/dimsemenov/PhotoSwipe
https://github.com/nolimits4web/Swiper 经典的移动触摸滑块轮播插件
https://github.com/thebird/Swipe
https://github.com/jssor/slider
https://github.com/woothemes/FlexSlider
https://github.com/idiot/unslider
https://github.com/OwlFonk/OwlCarousel
https://github.com/kenwheeler/slick 功能异常强大的一个图片滑动切换效果库
https://github.com/wtm/jquery.snapscroll
https://github.com/kswedberg/jquery-carousel-lite
https://github.com/qiqiboy/touchslider
https://github.com/joelambert/Flux-Slider
https://github.com/gilbitron/Ideal-Image-Slider
https://github.com/lyfeyaj/Swipe 非常轻量级的一个图片滑动切换效果库
https://github.com/metafizzy/flickity 支持触摸、响应式的图片滑动切换效果库

===图片压缩===
https://github.com/think2011/localResizeIMG

===图片裁切===
https://github.com/fengyuanchen/cropper
https://github.com/blueimp/JavaScript-Load-Image
https://github.com/sconsult/croppic
https://github.com/acornejo/jquery-cropbox

===懒加载(延迟加载)===
https://github.com/toddmotto/echo 利用 data-* 属性实现的图片延迟加载插件
https://github.com/callmecavs/layzr.js
https://github.com/tuupola/jquery_lazyload

===加载监控===
https://github.com/desandro/imagesloaded

===二维码===
https://github.com/jeromeetienne/jquery-qrcode

animation动画相关

https://github.com/daniel-lundin/snabbt.js 极简的 JavaScript 动画库

information项目资料

===regularjs===
https://github.com/regularjs/regular

===加载器===
https://github.com/seajs/seajs

===项目===
https://github.com/mz121star/NJBlog
https://github.com/nswbmw/N-blog
https://github.com/phanan/koel

===资料===
https://github.com/moklick/frontend-stuff
https://github.com/vhf/free-programming-books
https://github.com/alsotang/node-lessons
https://github.com/Aaaaaashu/Front-End-Style-Guide
https://github.com/foru17/front-end-collect
https://github.com/AlloyTeam/Mars
https://github.com/remy/html5demos
https://github.com/youyudehexie/node123
https://github.com/hawx1993/Front-end-Interview-questions
https://github.com/shichuan/javascript-patterns
https://github.com/HubSpot/youmightnotneedjquery
https://github.com/oneuijs/You-Dont-Need-jQuery
https://github.com/jobbole/awesome-javascript-cn

===async 例子===
https://github.com/alsotang/async_demo

other其他相关

===XSS===
https://github.com/leizongmin/js-xss

===汉字转拼音===
https://github.com/hotoo/pinyin

===雪花特效===
https://github.com/loktar00/JQuery-Snowfall

===图表制作===
https://github.com/ecomfe/echarts
https://github.com/flot/flot

===进度条===
https://github.com/rstacruz/nprogress
https://github.com/usablica/progress.js

===剪切板===
https://github.com/zeroclipboard/zeroclipboard
https://github.com/zenorocha/clipboard.js

===过滤===
http://isotope.metafizzy.co/

===打分===
https://github.com/wbotelhos/raty

===阅读更多===
https://github.com/kswedberg/jquery-expander
https://github.com/jedfoster/Readmore.js

===画布===
https://github.com/rezoner/CanvasQuery
https://github.com/blueimp/JavaScript-Canvas-to-Blob 将画布内容转成二进制流

===各种判断===
https://github.com/arasatasaygin/is.js
https://github.com/viljamis/feature.js

===懒加载===
https://github.com/rgrove/lazyload

===jQuery插件===
https://github.com/bitovi/jquerypp

===实现jQuery库===
https://github.com/MeCKodo/forchange

发表评论
sarkerdo
cool
aaaaaa
v
kink1905
eeee
dhj317
111
kink1905
sss
小王
回复 @小王: 212
小王
飞天
小王
哈哈