GitHub 上面有個 Trending 榜 (趨勢榜)，在 Trending 頁面，你可以看到最近一些熱門的開源項目或者開發者，這個頁面可以算是很多人主動獲取一些開源項目和活躍開發者最好的途徑。

所以貓哥會在每周的周一給大家推薦一篇上周的 前端周趨勢榜的 10 大項目 ，每月給大家推薦一篇上個月的 前端月趨勢榜的 20 大項目 ，方便大家知道最近都開源了哪些好的前端項目，還有用到的主流前端技術棧又是哪些，以免錯過了好的開源項目。

1. utility-types

實用程序類型的集合，是對 TypeScript 內置映射類型和別名的補充（對于靜態類型，請考慮“ lodash”）。

https://github.com/piotrwitek/utility-types

2. active-win

獲取有關活動窗口的元數據（標題，ID，范圍，所有者，URL等）

適用于 macOS，Linux 和 Windows。

使用 macOS 10.13 或更早版本的用戶需要下載 Swift 運行時支持庫。

https://github.com/sindresorhus/active-win

3. Cheetah Grid

最快的 Web 開源數據表。

https://github.com/future-architect/cheetah-grid/

4. Superplate

具有 Typescript，Jest，測試庫，樣式化組件，Sass，Css，.env，Fetch，Axios，反向代理，Bundle Analyzer 和 30+ 插件的結構良好的生產就緒前端樣板。

目前，僅為 Next.js 創建項目。

https://github.com/pankod/superplate

5. React Cool Portal

這是 Portal 的 React 鉤子。它可以幫助您將子級渲染到父組件的 DOM 層次結構之外的 DOM 節點中。從現在開始，您將不再需要使用模態，下拉菜單，工具提示等。

https://github.com/wellyshen/react-cool-portal

6. Lazy Git

git 命令的簡單終端 UI，使用 gocui 庫用 Go 編寫。

https://github.com/jesseduffield/lazygit

7. ts-essentials

所有必不可少的 TypeScript 類型集中在一處

https://github.com/krzkaczor/ts-essentials

8. Awesome Captcha

精選的驗證碼庫和破解工具的精選列表。

https://github.com/ZYSzys/awesome-captcha

9. bundless

用于 esbuild 的開發服務器和捆綁器

https://github.com/remorses/bundless

10. CSS Layout

使用 CSS 制作的流行布局和圖案的集合。現在，它具有 90 多種模式，并且還在不斷增長！

• :tada:零依賴

• :tada:沒有框架

• :tada:沒有 CSS 駭客

• :tada:實際用例

• 良好做法（即將推出）

• 輔助功能支持（即將推出）

https://github.com/phuoc-ng/csslayout