为了账号安全,请及时绑定邮箱和手机立即绑定

前端收藏夹

标签:
Html5

https://www.mmxiaowu.com/article/584820f6d4352863efb55459

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/myliang/fish-ui 一个 Vue.js 2.0 的 Web UI 工具库
https://github.com/wmfe/xcui 基于Vue2.0 的桌面端组件库
https://github.com/heyui/heyui HeyUI 是一套基于 Vue2.0 的开源 UI 组件库,主要服务于一些中后台产品。 [官网]
https://github.com/vueComponent/ant-design Ant Design 3.X 的 Vue 实现,开发和服务于企业级后台产品

---移动端---
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 组件库
https://github.com/ydcss/vue-ydui 一只基于Vue2.x的移动端&微信UI。
https://www.awesomes.cn/repo/didi/cube-ui 滴滴团队开发的一套基于 Vue.js 实现的精致移动端组件库
https://github.com/zdliuccit/ml-ui 一套为开发者、设计师和产品经理准备的基于 Vue 2 的移动端组件库
https://github.com/uileader/touchui 高质量的、免费的移动端UI框架 [官网]
https://github.com/didi/mand-mobile 面向金融场景的Vue移动端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 的轮播组件
https://github.com/xLogic92/vue-picture-preview 移动端 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/adeptoas/sweet-modal-vue 支持 Vue.js 的漂亮模态框组件
https://fritx.github.io/vue-at At.js 的 Vue.js 组件,自动完成 @ 功能
https://github.com/epicmaxco/epic-spinners 一系列使用方便的 CSS loading 效果集合组件
https://github.com/michalsnik/vue-content-placeholders 在网页内容加载完成之前渲染占位布局的 Vue 组件
https://github.com/tipsy/bubbly-bg 小于 1kB 的漂亮的泡状背景库
https://github.com/chenxuan0000/vue-seamless-scroll Vue.js 无缝滚动组件
https://github.com/alvarotrigo/vue-fullpage.js fullPage.js 作者开发的针对 Vue.js 的官方 fullPage.js 包装库
https://github.com/egoist/vue-content-loader 创建内容加载占位符的 SVG Vue 组件
https://github.com/euvl/vue-js-modal 易于使用,高度可定制,移动友好的Vue 弹窗
https://github.com/heyscrumpy/tiptap 基于 prosemirror 的 vue2 富文本编辑器

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

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

weapp

小程序相关

https://github.com/TalkingData/iview-weapp 一套高质量的微信小程序 UI 组件库 [官网]

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 框架
https://github.com/acidb/mobiscroll 跨平台UI控件,用于渐进式web和混合应用程序 (原生 JS, jQuery, Angular 和 React)

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

===其他===
https://github.com/yeun/open-color 一组非常漂亮的主题颜色

spa

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

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/michalsnik/aos 一个简单易用的页面滚动动画
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

其他相关

https://github.com/licong96/lc-city-selector 无依赖的省-市-区三级联动选择器

===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


点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消