└── README.md
/README.md:
--------------------------------------------------------------------------------
1 | # github-awesome-front-end-projects
2 |
3 | ### GitHub 值得收藏的前端项目
4 |
5 | 如果你觉得本文对你有帮助，可以点击下方赞助商广告(free)，give me a cup of coffee.thx 👇
6 |
7 |
8 | 
9 |
10 |
11 | > http://microjs.com/#
12 |
13 | 该网站的资源都托管到了`github`，`microjs.com`是一个可以让你选择微型的`js`类库的网站，该网站里的`js`库都是压缩后不大于5KB的，非常实用
14 |
15 |
16 |
17 | >https://plainjs.com/（10.22更新）
18 |
19 | The Vanilla JavaScript Repository，该仓库都是用原生`js`写的插件和组件，很实用。里面的项目也都托管到了github
20 |
21 |
22 |
23 | # 目录
24 |
25 | * [综合/资源](#综合/资源)
26 | * [样式/UI/css](#样式/UI/css)
27 | * [测试/工具](#测试/工具)
28 | * [构建工具](#构建工具)
29 | * [canvas/数据可视化](#canvas/数据可视化)
30 | * [模块管理/加载器](#模块管理/加载器)
31 | * [动画](#动画)
32 | * [插件](#插件)
33 | * [框架、库和组件](#框架、库和组件)
34 | * [移动端](#移动端)
35 | * [Node.js相关](#Node.js相关)
36 | * [React相关](#React相关)
37 | * [HTML5](#HTML5)
38 | * [模板引擎](#模板引擎)
39 | * [浏览器兼容方案](#浏览器兼容方案)
40 | * [菊苣](#菊苣)
41 | * [其他](#其他)
42 | * [优秀开源组织](#优秀开源组织)
43 |
44 | 综合/资源
45 | ----
46 |
47 | - [frontend-dev-bookmarks][3] 一个巨大的前端开发资源清单。`star:15000`
48 |
49 | - [front-end-collect][4] 分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。`star:860`
50 |
51 | - [Front-end-Interview-questions][5] 史上最全前端开发面试问题及答案
52 |
53 | - [f2e-hub][6] 包含`Animation，UI，dialog，Carousels，color，image，workflow`等。`star:100`
54 |
55 | - [awesome-javascript][7] 一系列很棒的`javascript` 库，资源。`star:3100`
56 |
57 | - [fks][8] 前端技能汇总，包含前端知识架构，后端知识，`linux`，书籍推荐等。`star:4000`
58 |
59 | - [node123][9] `node.js`中文资料导航。`star:1200`
60 |
61 | - [mobile-web-favorites][10] 移动端web开发收藏夹。`star:200`
62 |
63 | - [gulp-book][11] `Gulp` 入门指南
64 |
65 | - [Front-end-tutorial][12] 最全的资源教程-前端涉及的所有知识体系。（12.25更新）
66 | - [use-gulp](https://github.com/Platform-CUF/use-gulp)
67 | 。gulp资料收集
68 |
69 | 样式/UI/css
70 | ----
71 |
72 | - [Semantic-UI][13] 让你使用任何`HTML`标签 来表现UI控件。
73 | 这是一款语义化设计的前端框架，为攻城师而制作的可复用的开源前端框架。`star:17500`
74 |
75 |
76 |
77 | - [primer][15] `CSS`风格指南。`star:3600`
78 |
79 | - [glue][16] 一个生成CSS sprites的简单的命令行工具。star:2.5K (7.19更新)
80 |
81 | - [postcss][17] 用js插件来对css进行转换，类似Sass的预编译器，但实现了模块化，并且更加强大。`star:4.5K`(7.31更新)
82 |
83 | - [css3 PIE][18] 允许在IE上使用`CSS3`绝大部分的酷炫功能。官网：http://css3pie.com/
84 |
85 | - [mui][19] 轻量级css框架。`star:1.5K`(10.15更新)
86 |
87 | - [img2css][20] 将图片转为纯css的黑科技。`star:1.5K`（12.25更新）
88 | - [WeUI](https://github.com/weui/weui)为微信 Web 服务量身设计。`star:8.2K+`
89 | - [resume-master](https://github.com/hawx1993/resume-master) 简洁易用的简历生成项目，可部署到github pages在线浏览。
90 |
91 | 测试/工具
92 | -----
93 |
94 | - [mocha][21] 一个简单、灵活有趣的 `JavaScript` 测试框架，用于 `Node.js` 和浏览器上的 `JavaScript` 应用测试。 `star:6680`
95 |
96 | - [csscss][23] css代码冗余分析仪，用于分析冗余 。`star:2800`
97 |
98 | - [es6-tools][24] `es6` 工具集，包括`Grunt Tasks，Gulp Plugins，Broccoli Plugins，Brunch Plugins，Webpack plugins`等等。`star:1860`
99 |
100 | - [async][25] 一个工具模块，提供了直接而强大的 `JavaScript` 异步功能。虽然是为 `Node.js` 设计的，但是它也可以直接在浏览器中使用。`star:13000`
101 |
102 | - [simditor][26] 团队协作工具 `Tower` 使用的富文本编辑器。`star:1300`
103 |
104 | - [HTMLHint][27] `HTML` 静态代码分析工具，可以集成到`IDE`环境或编译系统中。`star:900`
105 |
106 | - [jshint][28] `js`静态代码分析工具，可以帮你检测`js`语法错误和潜在的问题。`star:5100`
107 |
108 | - [csslint][29] 分析和优化你的`CSS`样式表的工具。由[Nicholas C.
109 | Zakas][30]所写。`star:2700`
110 |
111 | - [protractor][31] 一款端对端的`angular apps` 测试框架。`star:4K`
112 |
113 | - [casperjs][32] 一个基于`PhantomJS`的开源导航脚本和测试工具。`star:4.8K`
114 |
115 | - [Karma][33] 自动化完成单元测试，允许你在多个浏览器里执行`js`代码。让你的`TDD`变得简单，快速，有趣。`star:5.3K`
116 |
117 | - [jasmine][34] 是一个简易的`JS`单元测试框架， 用来测试`Javascript`代码。`star:9.1K`（6.28更新）
118 |
119 | - [chai][35] 一个针对 `Node.js` 和浏览器的`TDD`(测试驱动开发)/`BDD`(行为驱动开发)的断言框架，可与任何 `JavaScript` 测试框架集成。`star:2K`（6.29更新）
120 |
121 | - [Qunit][36] 一个很容易使用的js单元测试框架，该框架是由`jQuery`团队的成员所开发，并且是`jQuery`的官方测试套件。`star:3.3K`（6.29更新）
122 |
123 | 构建工具
124 | -------------
125 |
126 | - [Grunt][37] 基于`Node.js`的项目构建工具。拥有数量庞大的插件，是一款优秀的前端自动化工具。`star:9500+`
127 |
128 | - [yeoman][38] 一个强健的工具，库，及工作流程的组合。`star:960+`
129 |
130 | - [gulp][39] 基于`node.js`流的新一代前端构建系统。`star:14000+`
131 |
132 | - [spm][40] 是 `CMD` 的包管理工具，需要和 `Sea.js` 配合使用。
133 |
134 |
135 |
136 | canvas/数据可视化
137 | ---------
138 |
139 | - [echarts][41] 基于`Canvas`，纯`Javascript`图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。`star:6900`
140 |
141 | - [Chart.js][42] 使用`