大家好,我是你们的 猫哥,那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~
GitHub 上面有个 Trending 榜 (趋势榜),在 Trending 页面,你可以看到最近一些热门的开源项目或者开发者,这个页面可以算是很多人主动获取一些开源项目和活跃开发者最好的途径。
所以猫哥会在每周的周一给大家推荐一篇上周的 前端周趋势榜的 10 大项目,每月给大家推荐一篇上个月的 前端月趋势榜的 20 大项目,方便大家知道最近都开源了哪些好的前端项目,还有用到的主流前端技术栈又是哪些,以免错过了好的开源项目。
平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目
![](https://i-blog.csdnimg.cn/blog_migrate/256a14f2d6731fc3def58863c874f7cb.gif)
1. headless-ui
![](https://i-blog.csdnimg.cn/blog_migrate/920c501bec9b612196fa5b2eb5d2ae34.png)
一组完全没有样式的,完全可访问的 UI 组件,旨在与 Tailwind CSS 完美集成。
https://github.com/tailwindlabs/headlessui
2. react-flow
![](https://i-blog.csdnimg.cn/blog_migrate/3b4a92ca13edda7aa7a418b5682eb2a0.png)
React Flow 是一个用于构建基于节点的图的库。您可以轻松实现自定义节点类型,并且它附带一些组件,例如迷你地图和图形控件。随意查看 示例 或阅读 博客文章 以开始使用。
https://github.com/wbkd/react-flow
3. Vite
![](https://i-blog.csdnimg.cn/blog_migrate/990fc02dabc9fa66f204c0d4782d3979.png)
Vite,一个基于浏览器原生 ES imports 的开发服务器。
利用浏览器去解析 imports,在服务器端按需编译返回,完全跳过了打包这个概念,服务器随起随用。
同时不仅有 Vue 文件支持,还搞定了热更新,而且热更新的速度不会随着模块增多而变慢。针对生产环境则可以把同一份代码用 rollup 打。
虽然现在还比较粗糙,但这个方向我觉得是有潜力的,做得好可以彻底解决改一行代码等半天热更新的问题。
Vite 具有以下特点:
快速的冷启动
即时热模块更新(HMR,Hot Module Replacement)
真正按需编译
https://github.com/vitejs/vite
4. tailwindcss
![](https://i-blog.csdnimg.cn/blog_migrate/874d7da95793f26b17f75bd38e94475a.png)
一个实用程序优先的 CSS 框架,用于快速构建自定义用户界面。
无需离开您的 HTML,即可快速建立现代网站。
Tailwind CSS 是一个功能类优先的 CSS 框架,它集成了诸如 flex, pt-4, text-center 和 rotate-90 这样的的类,它们能直接在脚本标记语言中组合起来,构建出任何设计。
https://github.com/tailwindlabs/tailwindcss
5. tauri
![](https://i-blog.csdnimg.cn/blog_migrate/60470265a81715c0c45875a1e41575c0.png)
Tauri 是用于为所有主要桌面平台构建超小型快速二进制文件的框架。开发人员可以集成可编译为 HTML,JS 和 CSS 的任何前端框架,以构建其用户界面。该应用程序的后端是带有锈源的二进制文件,带有可与前端进行交互的 API。
Tauri 应用程序中的用户