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

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

1. utility-types

實(shí)用程序類型的集合，是對(duì) TypeScript 內(nèi)置映射類型和別名的補(bǔ)充（對(duì)于靜態(tài)類型，請(qǐng)考慮“ lodash”）。

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

2. active-win

獲取有關(guān)活動(dòng)窗口的元數(shù)據(jù)（標(biāo)題，ID，范圍，所有者，URL等）

適用于 macOS，Linux 和 Windows。

使用 macOS 10.13 或更早版本的用戶需要下載 Swift 運(yùn)行時(shí)支持庫(kù)。

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

3. Cheetah Grid

最快的 Web 開源數(shù)據(jù)表。

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

4. Superplate

具有 Typescript，Jest，測(cè)試庫(kù)，樣式化組件，Sass，Css，.env，F(xiàn)etch，Axios，反向代理，Bundle Analyzer 和 30+ 插件的結(jié)構(gòu)良好的生產(chǎn)就緒前端樣板。

目前，僅為 Next.js 創(chuàng)建項(xiàng)目。

https://github.com/pankod/superplate

5. React Cool Portal

這是 Portal 的 React 鉤子。它可以幫助您將子級(jí)渲染到父組件的 DOM 層次結(jié)構(gòu)之外的 DOM 節(jié)點(diǎn)中。從現(xiàn)在開始，您將不再需要使用模態(tài)，下拉菜單，工具提示等。

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

6. Lazy Git

git 命令的簡(jiǎn)單終端 UI，使用 gocui 庫(kù)用 Go 編寫。

https://github.com/jesseduffield/lazygit

7. ts-essentials

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

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

8. Awesome Captcha

精選的驗(yàn)證碼庫(kù)和破解工具的精選列表。

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

9. bundless

用于 esbuild 的開發(fā)服務(wù)器和捆綁器

https://github.com/remorses/bundless

10. CSS Layout

使用 CSS 制作的流行布局和圖案的集合?，F(xiàn)在，它具有 90 多種模式，并且還在不斷增長(zhǎng)！

• :tada:零依賴

• :tada:沒有框架

• :tada:沒有 CSS 駭客

• :tada:實(shí)際用例

• 良好做法（即將推出）

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

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