首頁 > web前端 > css教學 > 使用Shadcn UI你必須知道的元件庫!

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

DDD
發布: 2024-10-26 06:01:02
原創
357 人瀏覽過

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

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

Component Libraries You Must Know To Use Shadcn UI!

1. Shadcn UI側邊欄(新)

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

麻省理工學院

Component Libraries You Must Know To Use Shadcn UI!

Component Libraries You Must Know To Use Shadcn UI!

2. 板材

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

麻省理工學院 / 11K

Component Libraries You Must Know To Use Shadcn UI!

Component Libraries You Must Know To Use Shadcn UI!

3. 瓦爾

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

麻省理工學院 / 6.3K

Component Libraries You Must Know To Use Shadcn UI!

4. 自動成型

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

麻省理工學院 / 2.9K

Component Libraries You Must Know To Use Shadcn UI!

5. shadcn表

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

麻省理工學院 / 2.7K

Component Libraries You Must Know To Use Shadcn UI!

6. 郵寄至

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

麻省理工學院 / 1.6K

Component Libraries You Must Know To Use Shadcn UI!

7. 裝飾

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

麻省理工學院/706

Component Libraries You Must Know To Use Shadcn UI!

8. shadcn 的日期範圍選擇器

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

麻省理工學院/666

Component Libraries You Must Know To Use Shadcn UI!

9. shadcn-minimal-tiptap

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

麻省理工學院/659

Component Libraries You Must Know To Use Shadcn UI!

10.可排序

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

麻省理工學院/438

Component Libraries You Must Know To Use Shadcn UI!

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

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

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板