spec — 基本情報
| github_stars | 118.8k |
|---|---|
| pricing | open_source |
| license | MIT |
| os | web |
| japanese | 非対応 |
| difficulty | 中級 |
| recommended | モダンなWebアプリのUI構築 |
概要
コピー&ペーストで使う新発想のUIコンポーネント集。AI時代のフロントエンドの事実上の標準になった。
ライブラリとしてインストールするのではなく、コンポーネントのコードそのものをプロジェクトにコピーして所有するという発想で世界を席巻しました。AIとの相性が決定的に良く、v0やCursorが生成するUIはshadcn/ui前提が標準です。AI時代にWebの見た目を作るなら、避けて通れない存在です。
主な機能
- コードを自分のプロジェクトに直接取り込む方式
- Tailwind CSSベースで自由に改変可能
- v0等のAI生成ツールの標準出力形式
料金
オープンソースとして無料で利用できます。
※詳細は公式サイトでご確認ください。
こんな人におすすめ
- モダンなWebアプリのUI構築
よくある質問
Q. デザインの知識がなくても使えますか?
A. そのまま使うだけで整った見た目になります。AIに「shadcn/uiで作って」と指定するのが今の定石です。
Q. React以外でも使えますか?
A. 本家はReact(Next.js)向けです。Vue等には移植版コミュニティプロジェクトがあります。
glossary — わからない用語があったら
tags
related — 同カテゴリの人気エンティティ
型安全にこだわったNext.jsフルスタックテンプレート。Next.js + tRPC + Prisma + Tailwindの定番構成を一発で構築する。
Vercel公式のSaaSスターター。認証・Stripe決済・ダッシュボードを備えたSaaSの土台をすぐに立ち上げられる。
完全無料・OSSのSaaSボイラープレート。認証・決済・管理画面・AIサンプルまで含む「全部入り」テンプレート。
Vercel公式のAIチャットボットテンプレート。Next.js + AI SDKによるフル機能のChatGPT風アプリをすぐ構築できる。
AstroをCloudflare Workersにデプロイする最小構成テンプレート。SEO重視のコンテンツサイトの土台に。