介紹 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