Hello，大家好，我是 Sunday。

github 上的 star 增速一直是衡量框架受歡迎程度的衡量標準之一，那么在截止到當前為止（2024年5月）在過去一年中，最受歡迎的 github 前端庫都有什么呢？它們分別有什么作用？今天咱們就來看一看！

數(shù)據(jù)來源：https://risingstars.js.org/2023/en#section-all

圖片

01：shadcn/ui

圖片

shadcn/ui 是近一年最火爆的前端項目。它是一個使用 React 編寫的 UI 組件集合，通過 TailwindCSS 實現(xiàn)可定制樣式。

基于 Radix 構建，在無頭組件集中提供與輔助功能和鍵盤交互等相關的基本結構，

它與其他流行的庫(如MUI、ChakraUI、Reaction Spectrum)不同，因為它不是一個可下載的NPM包。相反，你可以通過一個終端命令集成shadcn/ui組件，該命令安裝底層依賴項并將組件源代碼直接復制到代碼庫中以供進一步修改。

目前很多新的項目都使用到了 shadcn/ui，有需要的同學可以去研究一下

02：Bun

圖片

Bun 的目標是成為一個快速、一體化的工具包，用于運行、構建、測試和調(diào)試JavaScript和TypScript應用程序。號稱吊打 nodejs

官方還稱其為： all-in-one JavaScript runtime。所謂 all in one，是因為 Bun 和傳統(tǒng)的 Node.js 這種傳統(tǒng)的 javaScript 運行時 不同；

Bun 提供了 打包、轉(zhuǎn)譯、安裝和運行 JavaScript & TypeScript 項目的功能，內(nèi)置原生打包器 (native bundler)、轉(zhuǎn)譯器、task runner、npm 客戶端，以及數(shù)百個 Node.js API 和 Web API，包括約 90% 的 Node-API 函數(shù)（本機模塊）、fs、path、Buffer 等。

這就意味著你可以實現(xiàn)在 Bun 上運行的大部分 Node API 和 Web API， 還可以在不需要使用 Webpack、Rollup、esbuild、babel 等工具的前提下直接運行 TypeScript 、JSX 了

03：Excalidraw

圖片

Excalidraw 我們之前有提到過，它是一款開源的實時協(xié)作白板工具，它讓用戶可以在 Web 上創(chuàng)建簡單的圖形和圖表，并且支持多人實時協(xié)作。

詳細的描述，感興趣的同學可以直接 點擊這里查看 我之前發(fā)表的文章，這里就不重復贅述了。

04：tldraw

圖片

他也是一個白板工具，作用與 Excalidraw 類似，不過風格上會有一些差異，大家根據(jù)需要進行選擇即可。

05：NextJS

圖片

Next.js是一個構建于Node.js之上的開源Web開發(fā)框架，支持基于React的Web應用程序功能，例如服務端渲染和生成靜態(tài)網(wǎng)站。

如果是熟悉 React 的同學，那么對于 NextJS 應該是不陌生的。

對應的 Vue 中也存在相同的框架，叫做 NuxtJS。