Star墊底的那個函式庫，每週被下載1.83億次：一張UI元件庫榜單，被數據打回了原形

2026年10月上旬，一份「2026年12個最熱門開源UI元件庫」的清單在技術社羣流傳。10月13日，掘金作者「怕浪貓」把這12個名字逐個拿到GitHub與npm上查證原始數據，結論有點反直覺：Star數最低的Radix UI，某個子包每週被下載1.83億次；Star排第四的MUI前面那位Ant Design附近，有一個庫最後一次提交已經是半年前。

先把那份清單想解決的問題擺出來。原文的起點是很多人共同的痛感：AI寫頁面很快，但打開瀏覽器一看，永遠是漸變背景加圓角卡片加三個功能欄。與其讓AI憑感覺發揮，不如先把按鈕、表單、彈窗的規則統一。思路沒問題，問題出在它把12個名字並排成一張「12選1」的榜單。

這12個庫，根本不在同一層樓

作者查證後的核心主張是：這些庫其實分成四個層次，同一個專案裡可以同時存在，不是互斥選項。

層次	給你什麼	代表
原語層	只給行為、鍵盤操作與無障礙，沒有樣式	Radix UI、Headless UI
源碼分發層	元件源碼直接複製進專案，代碼歸你	shadcn/ui、React Bits
完整設計體系	一整套視覺語言加主題系統	Ant Design、MUI、Chakra UI、Mantine、HeroUI、daisyUI、Fluent UI
動效素材	背景、文字動效、遊標特效	React Bits（跨層）

最直接的證據是：榜首shadcn/ui，就建在墊底的Radix UI之上。shadcn/ui官方描述寫明基於Radix UI加Tailwind CSS，彈窗、下拉選單、氣泡卡的底層都是Radix的無樣式原語。換句話說，榜單上的第一名和第十二名並非競爭對手，而是父子關係。把父親和兒子放進同一張榜裡比，怎麼比都是錯的。

Star會騙人，下載量不會

第二組數據更有畫面。2026年10月9日透過API讀取的npm週下載量裡，Star在12個庫中墊底的Radix UI，@radix-ui/react-slot這個子包每週被下載1.83億次，比其他所有庫的主包都高出一個數量級。

幾組對照放在一起看：

• shadcn/ui：Star 125,202，週下載約1,159萬（shadcn CLI）
• MUI：Star 99,155，週下載約1,006萬（@mui/material）
• Ant Design：Star 99,729，週下載約362萬（antd）
• daisyUI：Star 42,563，週下載約104萬
• Radix UI：Star 19,375，子包週下載1.83億（@radix-ui/react-slot）

同一個Radix UI，另一個子包的下載量也有7,484萬級別。Star榜上的倒數第一名，實際上是整個生態的地基：你選的shadcn/ui裡面有它，很多設計體系的上遊也藏著它。開發者按讚的是看得見的那層皮，實際裝進專案的是底下的原語。

作者的結論也就很清楚了：Star數是最不該拿來當選型依據的指標。它反映的是話題熱度與按讚習慣，下載量才貼近真實使用。而選型的第一步也不是挑庫，是先確定自己要哪一層：要行為就找原語層，要可帶走的源碼就找分發層，要現成視覺體系再去挑那七個設計體系。

一份想解決AI頁面長得一樣的清單，自己先示範了一次「只看表面數字會長成什麼樣」。這大概是這輪查證最有意思的地方。