熱門話題
#
Bonk 生態迷因幣展現強韌勢頭
#
有消息稱 Pump.fun 計劃 40 億估值發幣,引發市場猜測
#
Solana 新代幣發射平臺 Boop.Fun 風頭正勁
介紹 shadcn/create – 建立您自己的 shadcn/ui
自訂一切。選擇您的元件庫、圖示、基礎顏色、主題、字型,並建立一些與眾不同的東西。
現在可用於 Next.js、Vite、TanStack Start 和 v0。
從第一次提交開始,shadcn/ui 的目標就是為您提供穩定的預設值:間距、顏色標記、動畫、可及性,然後讓您從這裡開始。
調整代碼。添加新組件。更改顏色。
我們正在通過 npx shadcn create 使這一切變得更簡單。
從組件庫開始:Radix 或 Base UI。
我們為 Base UI 重建了每個組件,保持相同的抽象。它們與您現有的組件完全兼容,即使是從遠程註冊表中提取的組件。
當您添加組件時,我們會自動檢測您的庫並應用正確的轉換。

我們還新增了 5 種視覺風格,旨在幫助您打造獨特的作品。
1. Vega – 經典的 shadcn/ui 風格。
2. Nova – 減少間距以適應緊湊的佈局。
3. Maia – 柔和圓潤,間距寬敞。
4. Lyra – 方形且銳利,與單一字體搭配良好。
5. Mira – 緊湊,專為密集介面設計。
這不僅僅是主題設定。
您的配置不僅改變顏色,它還重寫組件代碼以符合您的設置。字體、間距、結構,甚至您使用的庫,一切都根據您的偏好進行調整。
新的 CLI 處理所有這些。
去試試吧。點擊 +新專案
特別感謝 @base_ui 團隊打造了一個令人難以置信的組件庫。他們的工作讓一切變得容易,沒有破壞抽象。太棒了。
276
熱門
排行
收藏
