shadcn/ui
Radix UI と Tailwind CSS で構築された、コピー&ペーストで使えるアクセシブルな React コンポーネント集です。
- 活発にメンテナンスされている
- ドキュメントが充実
- 寛容なライセンス
概要
shadcn/ui は、React と Tailwind CSS で構築された、アクセシブルでカスタマイズ可能な UI コンポーネント一式を提供します。不透明な依存関係としてインポートする典型的な npm パッケージとして配布するのではなく、このプロジェクトは自らを「オープンコード」と位置づけ、出発点として使われることを意図しています。コンポーネントのソースを自分のプロジェクトに直接持ち込み、その場でカスタマイズ・拡張・構築していくことで、外部のコンポーネントライブラリに依存するのではなく、実質的に shadcn/ui を使って自分自身のコンポーネントライブラリを作り上げることになります。
MIT ライセンスで、ui.shadcn.com にドキュメントがあり、利用可能なコンポーネントや使用パターンが詳しく解説されています。
従来の、依存関係としてインストールするタイプのコンポーネントライブラリの制約やテーマシステムを回避するのではなく、初日からコンポーネントのコードとスタイリングを完全に所有し、コントロールしたいチームに向いています。
このカタログに掲載されている理由
カタログ評価: ★★★★☆ (4/5)
Extremely popular copy-paste component system, a genuinely different distribution model vs. MUI in a thin ui category.
- 成熟
- コミュニティ主導
- カテゴリ
- UI・コンポーネント
- 言語
- TypeScript
- ライセンス
- MIT
関連プロジェクト
Ant Design
MITエンタープライズ向けのUIデザイン言語とReactコンポーネントライブラリ。データ量の多い管理画面や業務アプリを作るための高品質なコンポーネントを豊富に揃えています。
活発にメンテナンスされている
- UI・コンポーネント
MUI
MITGoogle の Material Design を実装した、包括的な React UI コンポーネントライブラリです。
活発にメンテナンスされている
- UI・コンポーネント
Mantine
MIT100以上のカスタマイズ可能なコンポーネントと50以上のフックを備えた、機能豊富なReactコンポーネントライブラリ。フォーム、日付、チャート、通知、リッチテキスト編集のパッケージもあります。
活発にメンテナンスされている
- UI・コンポーネント
Ionic Framework
MITHTML・CSS・JavaScriptでiOS、Android、PWAを構築するクロスプラットフォームUIツールキット。React、Angular、Vueとの公式連携を備えています。
活発にメンテナンスされている
- モバイル
- UI・コンポーネント
誤りを見つけましたか? GitHub で修正を提案する