Spectrum UI
高級感のあるデザインとアニメーションを備える React コンポーネント・ブロック集。shadcn/ui・Tailwind CSS・Motion を使い、MCP 経由の導入にも対応する。
Awesome Something
UI components
21 items
Switch subcategory
21st.dev
コミュニティが作成した React コンポーネント・テンプレート・shadcn テーマを集めた大規模な UI ライブラリ。作例を探し、コードや AI 向けのプロンプトを再利用できる。
Shadcnblocks
shadcn/ui・Tailwind CSS・React 向けの UI ブロック・コンポーネント・テンプレート集。ランディングページやダッシュボードの部品を、コピーや CLI で組み込める。
Kokonut UI
React・Next.js・Tailwind CSS・Motion で作られたオープンソースの UI コンポーネント集。ライブプレビューや shadcn CLI から導入できる。
Toggles.dev
React・Svelte・Vue 向けのアニメーション付きテーマ切り替えトグル集。shadcn/ui や npm から導入するか、ソースをコピーして使える。
8bitcn/ui
レトロな 8 ビット風ピクセルデザインの UI コンポーネント・ブロック集。オープンソースで公開されており、コードをコピーして画面に組み込める。
EvilCharts
React 向けのアニメーション・インタラクション付きチャート集。Recharts と Apache ECharts を基盤に、shadcn/ui に合うグラフをコピーして組み込める。
coss ui
Base UI を基盤としたモダンな UI コンポーネントライブラリ。フォーム・ダイアログ・ナビゲーションなど、アプリの画面に必要な部品を提供する。
Rare UI
独特な見た目と動きを持つ React コンポーネント集。アニメーション付きのフォルダ・入力欄・視覚効果などを、shadcn CLI で組み込める。
beUI
React・Next.js 向けのアニメーション付き UI コンポーネント集。Motion と Tailwind CSS を使ったボタン・モーダル・タブなどを、コピーや shadcn CLI で導入できる。
cn
Tailwind CSS v4 のクラス名の条件付き結合と競合解決を行うライブラリ。clsx と tailwind-merge の互換 API を備え、フレームワークに依存せず利用できる。
TanStack Time
時刻やカレンダーの UI 構築を支援するヘッドレスユーティリティのプロジェクト。TypeScript・JavaScript と主要フレームワークを対象とし、現時点のリポジトリは概要の README のみ。
assistant-ui
React などで AI エージェントのチャット画面を構築するライブラリ。会話・ストリーミング・ツール呼び出しを管理し、AI SDK や LangGraph などのバックエンドと連携できる。
useLayouts
React・Next.js 向けのアニメーション付き UI コンポーネント集。レイアウト・ナビゲーション・操作パターンなどを、ソースからコピーしてカスタマイズできる。
Nexvyn/UI
Motion のアニメーションを取り入れた React コンポーネント集。shadcn CLI から追加し、ソースを調整してプロジェクトに組み込める。
Cult UI
shadcn/ui と Tailwind CSS を使う React プロジェクト向けの、アニメーション付きコンポーネント・ブロック集。
Spell UI
React プロジェクトにコピーして使える UI コンポーネント集。アニメーション付きの部品を揃え、MCP からも利用できる。
ObsidianUI
React・TypeScript・Tailwind CSS 向けの UI コンポーネントライブラリ。検索可能な作例から部品を選び、プロジェクトに組み込める。
Beautiful UI
AI エージェントを組み込んだアプリ向けの UI プリミティブ集。ストリーミング回答・承認カード・ツール情報・タスク進捗などの表示部品を提供する。
shadcn/ui
アクセシブルな React UI 部品とソースコードを提供するデザインシステムの基盤。CLI でプロジェクトへ追加し、コードを直接カスタマイズできる。
UIAble
shadcn ベースの UI システム。コンポーネントに加え、ページブロックやランディングページ・ダッシュボード用テンプレートを提供する。