使用Shadcn UI你必須知道的元件庫！

shadcn-ui 是一個現代 React 元件庫，為開發人員提供了一組高度可自訂且可存取的 UI 元件。

雖然Shadcn UI內建了多種元件，但仍無法滿足不同應用場景的需求。在這篇文章中我將分享 Awesome Shadcn UI 推薦的 10 個有用的元件。

1. Shadcn UI側邊欄（新）

可組合、可主題化且可自訂的側邊欄組件。

麻省理工學院

2. 板材

帶有 shadcn/ui 的富文本編輯器。

麻省理工學院 / 11K

3. 瓦爾

Vaul 是 React 的無樣式抽屜元件，可用作平板電腦和行動裝置上的 Dialog 替代品。

麻省理工學院 / 6.3K

4. 自動成型

？自動呈現現有資料模式的表單

麻省理工學院 / 2.9K

5. shadcn表

具有伺服器端排序、過濾和分頁功能的 Shadcn 表。

麻省理工學院 / 2.7K

6. 郵寄至

使用 Maily 輕鬆製作精美的電子郵件，這款強大的電子郵件編輯器可確保所有主要客戶之間的完美溝通。

麻省理工學院 / 1.6K

7. 裝飾

使用 shadcn/ui 建構的功能齊全的標籤輸入元件

麻省理工學院/706

8. shadcn 的日期範圍選擇器

DateRangePicker 是 shadcn 的一個可重複使用元件，使用 Radix UI 和 Tailwind CSS。包括預設日期範圍、文字輸入、日曆選擇和日期比較。

麻省理工學院/666

9. shadcn-minimal-tiptap

Minimal Tiptap Editor 是專為 Shadcn 建構的輕量級、可自訂的富文本編輯器元件。它提供了一個直覺的文字格式化和編輯介面。

麻省理工學院/659

10.可排序

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

麻省理工學院/438

除了上述10個開源專案之外，Awesome Shadcn UI還介紹了其他項目，您可以訪問Awesome Shadcn UI以了解更多Shadcn相關項目。

以上是使用Shadcn UI你必須知道的元件庫！的詳細內容。更多資訊請關注PHP中文網其他相關文章！