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。本来以为是个很没有用的库（其实还是没啥用），可以看看代码，非常有意思

8. text2mindmap — 通过编写缩进列表来制作思维导图的在线工具

原著是一个有趣的人,若有侵权,请通知删除