公式ウェブサイト: https://ui.shadcn.com/
特徴 | 説明 |
---|---|
スタイル付き | スタイル付きコンポーネントには独自のスタイルが付いています。通常、これらのスタイルを上書きすることでカスタマイズします。 |
ペースト | 外部ライブラリに依存せず、コンポーネントコードを自分のプロジェクトにコピー&ペーストする必要があります。ペースト後はあなたのコードとなり、自由にカスタマイズできますが、自動更新の恩恵は受けられません。 |
コンポーネント | ロジックとスタイリングの両方(スタイルなしの場合はロジックのみ)を処理するコンポーネントを提供しますが、Vue/Reactフレームワークに結びついています。 |
React | Reactフレームワーク用に作られています |
モバイル | モバイルフレンドリーなコンポーネントライブラリのサポート |
Tailwind CSS | ライブラリ自体がTailwind CSSを使用し、コンポーネントのカスタマイズにも使用できます。Tailwind CSSユーザーとして、すべてのスタイリングに単一のツールを使用できます。 |
無料 | このUIライブラリはすべての利用可能なコンポーネントに対して完全に無料です。 |
完全にアクセシブル | すべてのコンポーネントはアクセシビリティを考慮して設計されています。 |
テーマジェネレーター | 開発者が簡単に新しいテーマを生成するのを助けるツールを提供します。 |
ダークモード | コンポーネントはライトバージョンとダークバージョンの両方をサポートするように設計されています。 |
Figmaファイル | Figmaはトップのデザインツールです。FigmaファイルにはUIライブラリと同じコンポーネントが含まれており、デザイナーはコーディングスキルなしでデザインを作成できます。 |