shadcn/uiとは
shadcn/ui（シャドシーエヌ・ユーアイ）とは、React（主にNext.js）向けのUIコンポーネント集です。ただし、一般的なUIライブラリとは少し考え方が違います。最大の特徴は、「コンポーネントをnpmで入れるのではなく、コードを自分のプロジェクトにコピーして使う」という点です。公式サイトでボタンやモーダルなどを選ぶと、そのまま使えるコードが表示され、それを自分のプロジェクトに追加して使います。一般的なUIライブラリとの違いよくあるUIライブラリ（MUI、Ant Design、Chakra UIなど）は、ライブラリをインストールする決められたデザイン・APIに従って使う内部の実装はブラックボックスという形が多いです。一方、shadcn/uiは、必要なコンポーネントだけを追加コードはすべて自分のプロジェクト内に存在デザインや挙動を自由に編集できるというスタイルです。つまり、「UIライブラリ」よりも「UIの設計図・テンプレート集」に近い存在です。shadcn/uiの特徴① コードを“所有”できるshadcn/uiで追加したコンポーネントは、すべて自分のプロジェクト内のファイルになります。そのため、クラス名を自由に変更できる処理を追加・削除できるデザインの微調整がしやすいといったメリットがあります。「ライブラリに振り回されないUI」を作れるのが大きな強みです。② Tailwind CSS前提の設計shadcn/uiは Tailwind CSS を前提に作られています。そのため、bg-backgroundtext-foregroundrounded-mdhover:bg-acc
0
