shadcn-ui

🚀⚡️ 適用於 Next.js 16+、Supabase、Tailwind CSS 4 與 TypeScript 的免費樣板與起手包。🚀 Next.js 🔥 Supabase 💻 TypeScript 💚 ESLint 🎨 Prettier 🐶 Husky 🧹 Lint-Staged 🧪 Jest 🧪 Testing Library 🕹️ Playwright ✍️ VSCode 🌪️ Vercel 🎨 PostCSS 🍃 Tailwind CSS ⚛️ React Query

具有手工打造、強大且現代化元件的 React 元件庫。

結合 Next.js、Supabase、Stripe 與 shadcn/ui 的高品質 SaaS 啟動套件

💅 包含 React 19、TypeScript 5、Tailwind 4、shadcn/ui、Electron Vite、Biome、GitHub Action 發布等功能的 Electron 應用程式範本。

🤖 基於 shadcn/ui 精心設計的聊天機器人元件

基於 Next.js 的 Nexty.dev SaaS Boilerplate 輕量版。一個內建 i18n 支援的多語系 Next.js 16 起始範本。

用於建構現代、可組合且具備無障礙存取功能的 UI 元件的開源標準。

基於 shadcn/ui 建構的完全可自訂元件庫。美觀、具備良好無障礙支援且可直接用於正式環境。

:electron: 搭配 shadcn-ui 的 Electron Forge (Vite + TypeScript)

可複製/貼上的網站區塊 - 基於 shadcn 與 Radix，使用 Tailwind 與 NextJS。

使用 Typescript、Next.js 13 Apps、Tailwind CSS、Shadcn UI、Neon、Drizzle ORM 與 Sanity 學習現代 Full Stack Web 2 與 Web 3 開發

適用於 Solid 的 shadcn/ui。

使用 React、Tailwind、Radix UI 與 Base UI 建構的開源 shadcn/ui 區塊、元件、範本與版面配置。

🌱 使用 T3 Stack 建立的開源 URL 縮短器。

基於 tiptap 與 shadcn ui 為 Reactjs 開發的現代化 WYSIWYG 富文本編輯器

使用 TypeScript、Rust、Python、Go 和 Java 透過視覺化建構器與 CLI 快速建立生產就緒的全端應用程式。選擇您的前端、後端、資料庫、驗證、AI、支付與 DevOps 整合，全部自動串接。

精選的 shadcn/ui 相關優質資源列表。

一套使用 Reka UI 與 TailwindCSS 建構的現代化 Nuxt 元件。受 shadcn/ui 與 shadcn-vue 啟發。

Voicetypr - 專為 macOS、Windows 上的忙碌創辦人、vibe coders 與 AI 高階使用者打造的 AI 離線語音轉文字聽寫工具。是 wispr flow 與 superwhisper 的替代方案。

為 tiptap 編輯器打造的自訂擴充功能與工具列組合。可透過 shadcn/cli 安裝。

NextCRM — 使用 Next.js 16、React 19、PostgreSQL、Prisma 7 與 shadcn/ui 建構的開源 CRM。包含 CRM、專案、發票、文件、電子郵件客戶端與 AI 功能。

最好的 OSS 遠端協同程式設計應用程式。

使用 Nuxt 4 + Shadcn + TailwindCSS 4 的儀表板模板

全端 Next.js、Shadcn 與 Supabase 目錄範本。輕鬆建構你的新創目錄，具備使用者驗證、產品篩選與可自訂佈景主題等功能，並提供進階管理員權限與 AI 魔法。

使用 shadcn/ui、radix ui 與 dnd-kit 建構的可排序元件。

為 Svelte 開發者打造、完全可控且功能最豐富的富文本編輯器

使用 React、Tailwind CSS 和 Plasmo 構建的互動式 YouTube 擴充功能。它與 OpenAI API 整合以實現即時視訊聊天，直接在 YouTube 上提供摘要、問答和上下文感知回應。

已預先設定 shadcn/ui 的 Turborepo 啟動範本。

一個提供無程式碼視覺化 UI 建立方式的 React 元件，相容於 shadcn/ui 與自訂元件。

Shadcn UI NextJS 樣板 ⚡️ 免費開源 ChatGPT UI 管理員儀表板範本 - Horizon AI 樣板