前端组件,不多,只保留自己觉得适合和好用的

1895 查看

独立的组件

表单验证

  1. jQuery Validation Plugin http://jqueryvalidation.org/

下拉列表

  1. chosen https://github.com/harvesthq/chosen

  2. select2 https://github.com/select2/select2

灯箱效果

  1. fancyBox https://github.com/fancyapps/fancyBox

  2. lightbox2 https://github.com/lokesh/lightbox2

加载动画

  1. spin.js https://github.com/fgnass/spin.js

  2. nprogress https://github.com/rstacruz/nprogress

时间选择器

  1. clockpicker https://github.com/weareoutman/clockpicker

步骤条

  1. jquery-steps https://github.com/rstaib/jquery-steps

新手引导

  1. intro.js https://github.com/usablica/intro.js

文件上传

  1. jQuery-File-Upload https://github.com/blueimp/jQuery-File-Upload

  2. webuploader http://fex.baidu.com/webuploader/ (百度出品)

  3. dropzone https://github.com/enyo/dropzone

多媒体播放

  1. plyr https://github.com/selz/plyr

动画效果

  1. animate.css https://github.com/daneden/animate.css

字体图标

  1. Font-Awesome https://github.com/FortAwesome/Font-Awesome

  2. iconfont http://www.iconfont.cn/ (阿里巴巴出品)

图片轮播

  1. slick https://github.com/kenwheeler/slick

  2. FlexSlider https://github.com/woothemes/FlexSlider

  3. Swiper https://github.com/nolimits4web/Swiper

favicon 效果

  1. favico.js https://github.com/ejci/favico.js

  2. tinycon https://github.com/tommoor/tinycon

消息提示

  1. toastr https://github.com/CodeSeven/toastr

富文本编辑器

  1. summernote https://github.com/summernote/summernote

  2. simditor https://github.com/mycolorway/simditor(国人开发)

表单增强

  1. icheck https://github.com/fronteed/icheck

  2. switchery https://github.com/abpetkov/switchery

统计报表

  1. echarts http://echarts.baidu.com/(百度出品)

其他

  1. jquery-pjax https://github.com/defunkt/jquery-pjax(pushState + ajax = pjax)

  2. grumble.js https://github.com/jamescryer/grumble.js(气泡效果,可以用作新功能提示)

基于 Bootstrap 的组件

表格

  1. bootstrap-table https://github.com/wenzhixin/bootstrap-table(国人开发)

时间选择器

  1. bootstrap-datepicker https://github.com/eternicode/bootstrap-datepicker

  2. bootstrap-daterangepicker https://github.com/dangrossman/bootstrap-daterangepicker

消息提示

  1. pnotify https://github.com/sciactive/pnotify

模态弹窗

  1. bootbox https://github.com/makeusabrew/bootbox(基础,原生)

  2. bootstrap3-dialog https://github.com/nakupanda/bootstrap3-dialog(增强,自定义)

下拉列表

  1. bootstrap-select https://github.com/silviomoreto/bootstrap-select

  2. bootstrap-multiselect https://github.com/davidstutz/bootstrap-multiselect

Popover

  1. webui-popover https://github.com/sandywalker/webui-popover

皮肤主题

  1. bootswatch https://github.com/thomaspark/bootswatch

  2. todc-bootstrap https://github.com/todc/todc-bootstrap(Google-styled theme for Bootstrap)

  3. bootstrap-material-design https://github.com/FezVrasta/bootstrap-material-design

  4. bootstrap-flat http://scottdorman.github.io/bootstrap-flat/

  5. bootstrap-theme-slim https://github.com/overtrue/bootstrap-theme-slim

表单增强

  1. bootstrap-show-password https://github.com/wenzhixin/bootstrap-show-password(国人开发)

  2. bootstrap-switch https://github.com/nostalgiaz/bootstrap-switch

前端框架

  1. Bootstrap http://v3.bootcss.com/

  2. Semantic UI http://www.semantic-ui.cn/

  3. primer https://github.com/primer/primer(Github CSS toolkit and guidelines)

  4. amazeui http://amazeui.org/(国人开发)

这里所罗列到的组件,是自己在平时工作和学习过程中使用到的。比较好的就会保留下来,作为一个总结和参考,也方便以后的翻阅。
以后自己看到更好的,也会及时更新。如果您有知道有更好用的组件,希望您能推荐给我哦~,谢谢!