2018年3月前端必须star的github项目

这里面图片有的上传会失败，为了良好的阅读体验，移步到本人的github地址查看原文

控件

1. tippyjs -- 一个轻量级的vanilla JS工具提示库

   官方示例

2. driver.js -- 一个轻量级的，无需依赖的JavaScript引擎，可以在整个页面中推动用户的注意力

   这个库可以用来给某个元素高亮，高度可定制化；
   官方示例

3. scrollbooster -- 令人愉快的内容拖动滚动库

   官方示例
   

   

   demo

   
   

数据可视化

1. tui.chart -- 生成漂亮的数据可视化的仓库

   

   demo

   [图片上传失败...(image-d6ed75-1522635408154)]

图像处理

1. rough -- 用代码绘制手绘风格的图案，生成svg

   

   demo

2. basicScroll -- 带有css变量的独立视差滚动，用于桌面和移动端

   官方示例

机器学习

1. brain.js -- JavaScript中的神经网络

状态管理

1. immer -- 通过改变当前的状态来创建下一个不可变状态

2. rematch -- redux框架

CLI

1. prompts - 轻量级，美观且用户友好的交互式提示
   [图片上传失败...(image-d3712e-1522635408154)]

2. wunderbar -- 简单的水平条形图

   [图片上传失败...(image-319bc7-1522635408154)]

3. fkill-cli -- 跨平台杀进程

4. webpackbar -- 用于Webpack 4的优雅ProgressBar和Profiler（实验）

   [图片上传失败...(image-9b778-1522635408154)]

小程序

1. mpvue -- 基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系。

   官网

2. zanui-weapp -- 高颜值、好用、易扩展的微信小程序 UI 库，Powered by 有赞

区块链

1. awesome-blockchain -- 收集所有区块链(BlockChain)技术开发相关资料，包括Fabric和Ethereum开发资料

canvas

1. Konva.js是一个HTML5 Canvas JavaScript框架，它通过为桌面和移动应用程序启用画布交互来扩展2D上下文。

文件处理

1. filepond -- 一个灵活有趣的JavaScript文件上传插件
   [图片上传失败...(image-f0d867-1522635408154)]

React

1. react-morph -- 变形Ui转换变得简单

   官方示例

2. react-virtualized -- react组件高效渲染大型列表和表格数据

3. gestalt -- Pinterest设计风格的react ui组件

   官方文档

4. react-testing-library -- 测试React组件的一个非常轻量级的解决方案。它在react-dom和react-dom / test-utils之上提供轻型实用程序功能，以鼓励更好的测试实践。

5. react-spring -- 帮助react-motion和animated 成为最好的朋友

   [图片上传失败...(image-395073-1522635408154)]

RN

1. react-native-menu -- 适用于Android和iOS的灵活下拉菜单组件，与Android的Spinner类似。

   

   demo

2. react-native-elements -- 跨平台React本地用户界面工具包

   

   demo

   官方文档

状态管理

1. mobx -- 简单，可扩展的状态管理。

node

1. better-sqlite3 -- Node.js中最快和最简单的SQLite3库

脚手架

1. multipages-generator -- 是一个像express-generator一样快速生成网站脚手架的npm模块，可以全局安装。只要一个命令即可生成多页面的express工程，是多页面webpack编译的最佳实践模板，最适合多个独立的移动端h5项目

Vue

1. vue-content-loader -- SVG组件创建占位符加载，如Facebook card loading。

   

   demo

编辑器

1. pell -- 最简单和最小的（〜1kB）所见即所得的Web文本编辑器，没有依赖关系

   [图片上传失败...(image-3d1fc9-1522635408154)]

   官方示例

2. marktext -- 新一代Markdown编辑器，运行在MacOS Windows和Linux平台上
   一款高性能的 Markdown 编辑器，运行于 Mac、Windows 和 Linux 平台。其简洁的外观，流程的运行，给您带来舒适的写作体验。还可以斗图LOL

播放器

1. video.js -- 开源的HTML5和Flash视频播放器

文档/博客

1. awesome-selfhosted -- 这是可在本地托管的免费软件网络服务和Web应用程序的列表。 Selfhosting是本地托管和管理应用程序的过程，而不是从SaaS提供商处租用。

2. linux-command -- Linux 命令查询工具跨平台桌面版
   之前介绍过的linux-command，这个是整合出来的搜索引擎，很强大

3. awesome-wechat-weapp -- 微信小程序开发资源汇总非常值得收藏

4. How-to-learn-node-correctly -- 如何正确的学习Node.js 狼叔出品，必须fork一份

funny stuff

1. hongbao -- heavy_check_mark 饿了么、美团拼手气红包辅助，一键领取手气最佳红包
   [图片上传失败...(image-5ada00-1522635408154)]

2. lipstick -- 口红颜色可视化 - 为什么你的女神总缺一支口红这个挺有意思的，如果你不知道怎么给女朋友选口红挑色号，可以看看这个项目；本来以为是爬虫，其实是写好的json；不过这样看比较直观。
   [图片上传失败...(image-942337-1522635408154)]

3. cows -- 用ASCII生成的一组不同形态的牛超级有意思，贴一段代码：

   .            /\         .       .
         .     /  \      .          .
              /    \   .        .    *
             /      \              *
             | (__) |   .    .   **
      .     /| (oo) |\           **
           / | /\/\ | \   .     . *
       .  /  |=|==|=|  \     .      *
      . /    | |  | |    \  .
       / USA | ^||^ |NASA \     .
      |______|  ^^  |______|       .
     .       (__||__)     .   .
        .    /_\  /_\  .     .    .
             !!!  !!!
   
   The cow that jumped over the moon.

   查看更多

4. tower_game -- 盖楼游戏 html5 canvas tower building game

   

   demo

5. parrot.live -- 将动画鹦鹉带到任何地方的终端

   [图片上传失败...(image-5cd51d-1522635408154)]

6. oni -- 现代的模态编辑器Oni是一种新型的编辑器，专注于最大限度地提高生产力 - 将模态编辑与现代编辑期望的功能相结合。

   

   demo

7. is-thirteen -- 检查一个数字是否等于13。本来以为是个很没有用的库（其实还是没啥用），可以看看代码，非常有意思

作者：张君卓
链接：https://www.jianshu.com/p/413dfff084d8