前端必备的各种库

Javascript 库

vue-cropper vue图片裁剪上传插件
layabox 与白鹭齐名的h5游戏动画库
Animatron
HTML5 视频编辑平台。

CSS 库 / 设计相关

Animate.css — 动画库
Flat UI Colors — 扁平化设计配色
Material design lite— 基于 Google material design 的框架
Colorrrs — 随机颜色生成器
Section separators — CSS 实现区域分割
Topcoat — 框架
Create ken burns effect — 使用 CSS3 动画实现 Ken burns 特效
DynCSS — 给 CSS 添加 function，动态化 CSS
Magic animations — CSS3 实现动画特效
CSSpin — css spinners 合集
Feather icons — Icon 集合
Ion icons — Icon 集合
Font awesome — Icon 集合
Font generator — 组合多个字体创建混合字体
On/Off switch — 使用 CSS 创建 on/off 开关、radio 按钮
UI Kit — 框架
Bootstrap — 框架
Foundation — 框架

好用的产品

waitanimate动效速度测试平台。当我们在 WEB 中构建了一些迷你的 PNG 或者 SVG 图标动画时，如何快速确定动画的延时、间隔、速度关系？反复调整和预览着实令工程师头疼。所以这个网站着力解决关键帧百分比的快速计算问题
cheatsheet — 可以写在中的所有标签
Ghost — 基于 Node.js 的博客平台
What runs — 一个用于网站技术分析的 Chrome 插件
Learn anything — 一个强大的用于分析某个主题的思维导图