shadcn

一套設計精美、具可及性的元件與程式碼分發平台，支援你喜愛的框架，開源且開放程式碼。

一份精选的与 shadcn/ui 相关的精彩内容列表

開源元件、區塊與 AI 代理，設計用以加速工作流程。可透過 Registry 與 MCP 無縫匯入至您喜愛的工具

Typescript/React 函式庫，用於 AI 聊天

shadcn-ui 的 Vue 移植版

coss.com/ui 為 Cal.com 的官方設計系統

視覺化無程式碼主題編輯器，適用於 shadcn/ui 元件

將 shadcn/ui 帶入 React Native。以 Nativewind/Uniwind 打造的精美元件，開源且使用簡易。

設計工程師的 npm：基於 shadcn/ui 的 React Tailwind 元件、區塊和鉤子最大市集

一組 neobrutalism 風格的 Tailwind 組件。

創意畫布元件庫。實際 HTML 搭配 WebGL 效果。React、Vue、Svelte、原生 JavaScript。

一個使用 Tailwind CSS 建構、可與任何網頁堆疊配合的元件庫。

npm 供代理與人類使用

UI Layouts不僅僅是個庫。它是你完整的前端宇宙，擁有組件、效果、設計工具與即用區塊，讓你更快構建現代介面

面向設計的 shadcn 套件，打造獨特介面。1000+ 免費範本！

從設計到生產的組件

AI 應用的核心構建塊。高品質、易於使用且可自訂的 AI 介面元件。

使用 Shadcn UI 和 Next.js 16 構建的現代化後台管理面板模板

您的下一個 SaaS 範本或樣板！一趟始於 `bun create saasfly` 的魔幻旅程。星星越多，驚喜越多

移植至 Flutter 的 shadcn-ui。適用於 Flutter 的強大 UI 元件，完全可自訂。

以極快速度建構全端 Next.js 應用程式。

一個動態表單建構工具，允許使用者在網頁應用程式中無縫建立、自訂和驗證表單。

具有動態意圖的圖示。

Cluely 的開源替代方案 - 一款極速、注重隱私的 AI 助理，能在會議、面試和對話期間無縫運作且不被察覺。使用 Tauri 建構以獲得原生效能，僅 10MB。在視訊通話、畫面分享和錄製中完全無法被偵測。

Franken UI 是一個以 HTML 優先的 UI 元件庫，基於 UIkit 3 構建並使用 LitElement 擴充，靈感來自 shadcn/ui。

Duobase 的 Flutter UI 程式庫

🦀 具備桌面就緒預設值與可選配功能的 Tauri + shadcn/ui 應用程式鷹架工具。支援：Vite、Next.js、Astro、TanStack Start。

一個像素級完美的開發者個人作品集與 shadcn 註冊表。

適用於 React 資料表格的分面篩選、排序與無限滾動 - 結合 shadcn/ui 與 TanStack Table

一套復古設計、具備良好無障礙支援的元件與程式碼分發平台。開源。開源碼。