[转]前端资源汇总(框架/效果库/插件/网站/工具/素材等)

JavaScript

框架/库

  • velocity:很全面的JavaScript动画库
  • vivus:可以动态描绘 SVG 的 JS 库, 支持多种动画
  • Web Animation:Javascript 实现的 Web Animation API
  • scrollReveal.js:使元素以非常酷帅的方式进入画布 (Viewpoint)
  • snabbt.js:一个利用 Javascript 和 CSS transform 的 animation 库
  • transit:jquery实现的css动画
  • matter-js:2D 物理效果引擎,碰撞、弹跳等
  • parallax:一个用于响应智能手机 orientation 的库
  • focusable:是页面上一个元素高亮的库,关灯效果
  • sensor.js:在智能移动设备浏览器上,通过HTML5的api使用移动设备的功能。定位、运动、倾斜等
  • animatable:仅仅依靠 border-width 和 background-position 实现的各种动态效果
  • Bounce.js:漂亮的css3动画库
  • GreenSock:基于svg,很强大的动画效果,High-performance HTML5 animations that work in all major browsers.
  • dynamics.js:弹性物理效果
  • slick:功能异常强大的一个图片滑动切换效果库
  • swipe:非常轻量级的一个图片滑动切换效果库, 性能良好, 尤其是对手机的支持, 压缩后的大小约 5kb
  • swiper:用于实现浏览器上的滑动切换效果,支持硬件加速
  • Owl:多种图片轮播效果,多选项的
  • flickity:轮播图效果,左右有显示一半的图片
  • icheck:一款漂亮的 Checkbox 插件
  • iscroll:高性能的滚动(scroll)处理库,功能强大,支持各种事件,不依赖任何的库,且插件丰富, 大众点评的手机端列表滚动就是用这个库处理的
  • Slideout.js:一个非常美观的侧滑菜单
  • sweetalert:一个非常美观的用于替换浏览器默认 alert 的库
  • Sortable:现代浏览器上用于实现元素拖拽排序的功能,支持 Meteor, AngularJS, React,不依赖 jQuery
  • echarts:百度图表
  • metrics-graphics:基于 D3 的图表库,简洁、高效,Mozilla 出品
  • c3:基于 D3 的图表库
  • Summernote:WYSIWYG 富文本编辑器
  • awesomplete:非常轻型的一个自动补全 JS 库, 没有任何依赖, 配置简单, 美观。
  • basket.js:基于 LocalStorage 的资源加载器,可以用来缓存 script 和 css, 手机端使用速度快于浏览器直接缓存
  • mobile-angular-ui:基于angularjs和bootstarp的web app开发框架
  • moment.js:轻量级的Javascript日期处理类库
  • Datatables:jquery表格插件,它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。
  • artDialog:经典的网页对话框组件
  • sliphover:不同方向的hover动画

js插件

css

框架/库

网站