shadcn/ui

以可複製原始碼方式提供元件的 React 介面資源。

前往 shadcn/ui 官方網站

簡介

shadcn/ui 提供可加入專案的元件原始碼與文件,而不是要求所有元件都透過單一封裝套件使用。

為何收錄

能直接閱讀並調整元件程式碼,適合需要配合現有樣式與可及性要求的專案。複製後仍要把鍵盤、焦點與表單行為納入自己的測試。

適合的工作

使用 React 建立產品介面,且希望掌握元件原始碼與樣式細節的開發者。

可以怎麼用

  • 為新專案建立一致的元件基礎
  • 調整元件以符合既有設計 token
  • 從文件理解對話框、表單等互動模式

Aceternity UI

Aceternity UI 收錄帶有視覺動效的 React 元件。

  • components
  • react

元件

Ant Design

Ant Design 收錄介面設計規範與元件文件。

  • components
  • react

元件

Ariakit

Ariakit 專注於 React 互動元件。

  • components
  • react

元件