コレクション · 23 件のピック · 2026

shadcn/uiのブロック・テンプレート・コンポーネント

shadcn/uiはコピー&ペーストでのコンポーネント利用を当たり前のものにし、その周りにエコシステムが育ちました。コミュニティ製のレジストリ、ブロック集、アニメーション付きのバリエーション、チャート、複数のレジストリを横断検索するツールなどです。多くは同じCLIでインストールできるので、1つ試すのにコマンド1つで済みます。

選出元 react uiコンポーネントライブラリ.

並び替え

shadcn/ui preview

shadcn/uiコンポーネントライブラリパッケージとしてインストールするのではなく、自分のコードベースに直接コピーして使うUIコンポーネント。

21st.dev preview

21st.devコンポーネントライブラリ追加する前にコンポーネントをインタラクティブにプレビューできる、コミュニティ主導のshadcnレジストリ。

shadcnblocks.com

shadcnblocks preview

shadcnblocksコンポーネントライブラリshadcnスタイルで作られた、数千種類のすっきりしたすぐ使えるWebサイトブロック。

8bitcn preview

8bitcnコンポーネントライブラリshadcnプロジェクトにそのまま組み込める、レトロな8ビット風UIコンポーネント。

Evil Charts preview

Evil Chartsコンポーネントライブラリshadcn/uiのプロジェクトにきれいに収まるよう設計された、アニメーション付きのSVGチャートコンポーネント。

Animate UI preview

Animate UIコンポーネントライブラリMotionアニメーションライブラリで動きを加えた、アクセシブルなshadcnコンポーネント。

Base CN preview

Base CNコンポーネントライブラリshadcnのコンポーネントワークフローに組み込めるよう再構成されたBase UIのプリミティブ。

Watermelon UI preview

Watermelon UIコンポーネントライブラリshadcnのツールエコシステムに馴染むように構築されたReactコンポーネントライブラリ。

Hexter UIコンポーネントライブラリshadcnプロジェクトですぐに使える、整理された清潔感のあるコンポーネント集。

Kokonut UI preview

Kokonut UIコンポーネントライブラリshadcnのフォーマットで動くようにまとめられた、クリエイティブでインタラクティブなUIコンポーネント。

Sera UI preview

Sera UIコンポーネントライブラリshadcnのコマンドラインツールから直接インストールできるよう設計されたReactコンポーネント。

shadcn-cssinjs.com

shadcn-cssinjs preview

shadcn-cssinjsコンポーネントライブラリCSS-in-JSによるスタイリングを使うプロジェクトに合うよう作り直されたshadcnコンポーネント。

23rd preview

23rdコンポーネントライブラリReactとSvelteのどちらのプロジェクトでも使える、shadcnスタイルのコンポーネント。

shieldcn preview

shieldcnコンポーネントライブラリプロジェクトのドキュメントを引き立てる、shadcnの雰囲気に合わせてデザインされたREADMEバッジ。

startercn.vercel.app

startercn preview

startercnコンポーネントライブラリドキュメント、ランディングページ、エージェント対応を備えた、フォークしてすぐ使えるshadcn/uiレジストリのスターター。

shadcn-labs.com

Shadcn Labs preview

Shadcn Labsコンポーネントライブラリshadcn/uiエコシステム向けの、オープンソースのレジストリとツール群。

dotmatrix.zzzzshawn.cloud

Dot Matrix preview

Dot Matrixコンポーネントライブラリshadcnプロジェクト向けに作られた、50種類を超えるドットマトリクス風ローディングアニメーション集。

Shoogle preview

Shoogleコンポーネントライブラリ数多くのshadcnレジストリにまたがってUIコンポーネントを索引化する検索エンジン。

Odyssey UI preview

Odyssey UIコンポーネントライブラリshadcnのコンポーネントシステムの上に構築された、アニメーション付きのReactコンポーネント集。

Uiuno preview

Uiunoコンポーネントライブラリshadcnコンポーネントを整理・管理するための、AI支援付きワークスペース。

sensory-ui preview

sensory-uiコンポーネントライブラリshadcn/uiコンポーネントに音のフィードバックを加えるサウンドデザインシステム。

shadcnstudio.com

Shadcn Studio preview

Shadcn Studioコンポーネントライブラリshadcn/uiコンポーネント、作成済みブロック、フルテンプレートをそろえたライブラリ。

shadcn-animated.vercel.app

Animated shadcn/ui preview

Animated shadcn/uiコンポーネントライブラリアニメーション付きのインターフェース向けに、標準のshadcn/uiコンポーネントをMotionで動かしたバージョン。

shadcn/uiのブロック・テンプレート・コンポーネント（23選） — Designeer