shadcn-ui.png Shadcn

公式ウェブサイト: https://ui.shadcn.com/

基本情報

フィールド
コンポーネント数48+
Stars61.6k
NPMダウンロード数66.8k

プレビュー

特徴

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

おすすめのその他