Awesome frontEnd

CSS

CSS 库

  • normalize.css - normalize.css 是一个定义浏览器统一默认样式的 CSS 库.

  • animate.css - animate.css 是一个 CSS 动画库,是一个很酷、有趣和跨浏览器的 CSS 动画库.

  • anijs - 基于 CSS3 的动画库,无需编码即可提升 Web 设计的库.

  • Hover -Hover.css 收集了一组酷炫的标签 hover 效果,支持 CSS、SASS 和 LESS。

组件库

  • frozenui FrozenUI 的 CSS 组件库,基于腾讯手 Q 样式规范,腾讯 QXD 出品 .

CSS 框架

js

  • lib-flexible - 可伸缩布局方案.

  • Clamp.js - 如果内部的内容太长,则通过向其添加省略号来阻止 HTML 元素.

  • dayjs - Moment.js 的 2kB 轻量化方案,拥有同样强大的 API.

  • moment - 一个轻量级的 JavaScript 日期库,用于解析,验证,操作和格式化日期.

  • countUp.js - 可用于快速创建以更有趣的方式显示数字数据的动画.

  • randomColor - 用于生成有吸引力的随机颜色的小脚本.

  • mathjs - 适用于JavaScript和Node.js的广泛数学库.

  • bignumber.js - 用于任意精度十进制和非十进制算术的JavaScript库.

  • number-precision - 1K微小而快速的lib,可以精确地进行加法,减法,乘法和除法运算.

  • Nivo-Slider-jQuery - Nivo Slider 号称世界上最棒的图片轮播插件.

  • Slides - Slides 是一款精巧的 jQuery 幻灯片插件,有循环、自动播放功能和淡入淡出过渡效果,并且能够自动生成分页.

  • Slicebox - Slicebox 是一个 jQuery 3D 图像滑块插件,它使用 CSS 3D Transforms,并为不支持新属性的旧浏览器提供优雅的后备.

  • Sortable - 一个 JavaScript 库,用于排序拖放列表。

  • dayjs - Day.js 是一个仅 2kb 的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持完全一样.

  • nanoid - nanoid 大小仅为 179 字节,能够快速生成 URL 友好、独一无二的字符串 ID。

  • slider - 触摸滑动图像滑块/幻灯片/图库/轮播/横幅移动响应式 bootstrap.

  • swiper - 大多数现代移动触摸滑块带硬件加速转换.

  • siema - Siema 轻量级的轮播图插件.

  • dropload - 移动端下拉刷新、上拉加载更多插件.

动画

  • anime - anime 是一个轻量级的 JavaScript 动画库。它适用于任何 CSS 属性,单个 CSS 转换,SVG 或任何 DOM 属性以及 JavaScript 对象。

  • velocity - Velocity 是一个动画引擎,与 jQuery 的\$.animate()具有相同的 API 。它可以使用和不使用 jQuery。它的速度非常快,它具有色彩动画,变换,循环,缓动,SVG 支持和滚动功能。它是 jQuery 和 CSS 转换相结合的最佳选择。

  • three.js - three.js 是创建一个易于使用,轻量级的 3D 库。该库提供 Canvas 2D,SVG,CSS3D 和 WebGL 渲染器。

  • vivus - vivus 用于在 SVG 上制作绘图动画的 JavaScript 库.

  • snabbt.js - snabbt.js 是一款轻量级的、功能强大的、简单易用的 jQuery 动画库插件.

  • pace - pace 网页自动加载进度条插件.

  • popmotion - Popmotion 是一个只有 12KB 的 JavaScript 运动引擎,可以用来实现动画,物理效果和输入跟踪.

  • bounce.js - Bounce.js 是一个漂亮的关键帧动画生成工具和类库,基于 CSS3 实现.

  • dynamics.js - Dynamics.js 是一款可以创建物理运动动画效果的 js 库插件.

  • mojs - 动画的图形库 mo.js.

  • cta.js - 一款轻量级 Modal 模态框插件.

  • rocket - 当项目移动到另一个元素时,Rocket 会创建一个动画.

  • html5tooltipsjs - html5tooltips.js 是一个轻量级和简洁的 Tooltips。采用纯 JavaScript 开发,拥有 CSS 动画,不依赖任何框架.

  • scrollreveal - ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力.

  • vue-scroll-reveal - ScrollReveal.js 支持vue nuxt
  • WOW - WOW.js 是一款帮助你实现滚动页面时触发 CSS 动画效果的插件.

  • transit - jQuery 的超级流畅的 CSS3 转换和转换的插件.

  • parallax - Parallax.js 是一款功能非常强大的 JavaScript 视觉差特效引擎插件。通过这个视觉差插件可以制作出非常炫酷的视觉差特效,可以检测智能设备的方向.

  • CreateJS - CreateJS 库是一款 HTML5 游戏开发的引擎,是一套可以构建丰富交互体验的 HTML5 游戏的开源工具包.

vuejs

  • awesome-vue - 与 Vue.js 相关的精彩内容的精选列表.

基本上面的仓库就已经收集了很多东西了,大家需要的可以进去找,下面列出的可能是我个人工作或者娱乐项目可能会用到的插件.


  • element - 适用于 Web 的 Vue.js 2.0 UI 工具包.

  • vue-element-admin- vue-element-admin 是一个前端管理后台集成解决方案。它基于 vue 并使用 UI Toolkit 元素.


  • vuex-router-sync - 毫不费力地保持 vue-router 和 vuex 存储同步。

  • vuex-persistedstate - 在页面重新加载之间保持并重新水化您的 Vuex 状态。

  • v-viewer - 用于 vue 的图像查看器组件,支持基于 viewer.js 的旋转,缩放,缩放等.

  • vue-lazyload - 一个 Vue.js 插件,用于在应用程序中延迟加载图像或组件.

  • vue-moment - Handy Moment.js 过滤器为您的 Vue.js 项目。

  • vue-amap - 基于 Vue 2.x 和高德地图的地图组件。

  • vue-fullpage.js - fullPage.js -> Vue.js.

react

  • Ant Design - 一套企业级的 UI 设计语言和 React 实现。

nodejs

  • awesome-nodejs - 令人愉快的 Node.js 包和资源.

  • express - 基于 Node.js 平台,快速、开放、极简的 Web 开发框架.

  • koa - Koa 基于 Node.js 平台的下一代 web 开发框架.

  • egg - 使用 Node.js 和 Koa 更好的企业框架和应用程序
    为企业级框架和应用而生.

nodejs

  • supervisor - supervisor 进程管理.

  • nodemon - 监视 node.js 应用程序中的任何更改并自动重新启动服务器.

mongodb

  • [mongoose] - (https://github.com/Automattic/mongoose) - Mongoose 提供了一个直接的,基于模式的解决方案来为您的应用程序数据建模。它包括内置的类型转换,验证,查询构建,业务逻辑钩子等,开箱即用。

工具

gulp

  • tmt-workflow - 一个基于 Gulp(v4.0)、高效、跨平台(macOS & Win)、可定制的前端工作流程.

  • legoflow - 更轻、更强、开箱即用的 前端工作流客户端 .

  • toolflow - 我自己写的 gulp 工具, 感觉很肿瘤希望大家可以共同 pr.

在线工具

Other

  • HelloGitHub - GitHub 上好玩、容易上手的项目,帮你找到编程的乐趣。欢迎推荐、自荐项目,让更多人知道你的项目.
显示 Gitment 评论