awesome shadcn ui

素晴らしい-shadcn/ui

shadcn/ui に関連する素晴らしいものの厳選されたリスト

作成者: birobirobiro.dev

ライブラリとコンポーネント

• aceternity-ui - スタイルやアニメーションを気にせずに、最もトレンドの反応コンポーネントをコピー＆ペーストできます。
• Assistant-ui - AI チャット用の React コンポーネント。
• autocomplete-select-shadcn-ui - Maximilian Kaske によって shadcn/ui と Fancy Multi Select で構築されたオートコンプリート コンポーネント。
• auto-form - zod スキーマに基づいて shadcn/ui フォームを自動的に作成する React コンポーネント。
• Bundui - Tailwind CSS と Framer Motion で構築された再利用可能なアニメーション コンポーネントのコレクション。
• Capture-Photo - Capture-Photo は、Web アプリケーションへのカメラ機能の直接統合を効率化するように設計された多用途のブラウザベースの React コンポーネントです。
• crew-elements - Clerk の API 上にカスタム UI を構築するために使用できる構成可能なコンポーネント。
• crew-shadcn-theme - Clerk <SignIn />および<SignUp />コンポーネントを shadcn/ui スタイルと簡単に同期します。
• confirm-dialog - shadcn/ui で構築された確認ダイアログ コンポーネント。
• country-state-dropdown - このコンポーネントは、状態管理のために Nextjs、Tailwindcss、shadcn/ui、および Zustand を使用して構築されています。
• ult-ui - より具体的なユースケース向けにアニメーション化された shadcn スタイルの React コンポーネントの厳選されたセット。
• credenza - shadcn/ui 用の既製の応答性モーダルコンポーネント.
• crypto-charts - PythNetwork を使用して shadcn/ui 用に作成された暗号チャート。
• date-range-picker-for-shadcn - 複数月のビュー、テキスト入力、プリセット範囲、レスポンシブ デザイン、および日付範囲の比較が含まれます。
• date-time-picker-shadcn - shadNext プロジェクト用に美しく作られた Datetime Picker。
• datetime-picker - タイムゾーン、最小日付と最大日付、および月/年の選択をサポートする強力な日時ピッカー。
• dnd-dashboard - Next.js、shadcn/ui、および swapy を使用して構築されたドロップツースワップ レイアウトを備えた、美しくパフォーマンスの高いダッシュボードです。
• downshift-shadcn-combobox - shadcn/ui と Downshift で構築されたコンボボックス/オートコンプリート コンポーネント。
• rag-to-resize-sidebar - 永続状態のドラッグしてサイズ変更機能を備えた Next.js アプリケーション用の拡張 shadcn/ui ドラッグしてサイズ変更するコンポーネント。
• echo-editor -tiptap と shadcn/ui に基づく最新の WYSIWYG リッチテキスト エディター
• edil-ozi - 開発者向けの React コンポーネント。 Gsap + フレーマーモーション + 追い風。
• emblor - shadcn/ui で構築された、高度にカスタマイズ可能でアクセスしやすい、完全な機能を備えたタグ入力コンポーネントです。
• Enhanced-button - デフォルトの shadcn-button コンポーネントの拡張バージョン。
• fancy-area - Textarea は GitHub の PR コメント セクションからインスピレーションを受けています。印象的な部分は、プレビューでのホバー カードを含む @mention のサポートです。目標は、テキスト エディタ ライブラリを使用せずにそれを再現することです。
• fancy-box - Combobox は GitHub の PR ラベル セレクターからインスピレーションを受けており、shadcn/ui を利用しています。ほとんどすべての要素は radix-ui コンポーネントであり、tailwindcss でスタイル設定されています。
• fancy-multi-select - Multi Select コンポーネントは、campsite.design と cal.com の設定フォームからインスピレーションを得ています。
• fancy-switch - shadcn/ui で構築されたファンシースイッチコンポーネント。
• farmui - shadcn および tailwindcss ベースの美しくスタイル設定され、アニメーション化されたコンポーネント ライブラリ ソリューションであり、コンポーネント レジストリにコンポーネントをインストールするための独自の npm パッケージを備えています。
• file-uploader - shadcn/ui と React-dropzone で構築されたファイル アップローダー。
• file-vault - React のファイルアップロードコンポーネント。
• float-dragable-card - shadcn/ui 要素を使用したドラッグ可能でサイズ変更可能なカードの概要
• fusion-ui - shadcn/ui と MagicUI を組み合わせた Fusion UI ライブラリ。
• Gluestack-ui - React と React Native コンポーネントとパターン - Tailwind CSS (NativeWind) で作成されたコンポーネントとパターンをコピーアンドペーストします
• ibelick/background-snippet - すぐに使用できる最新の背景スニペットのコレクション。
• image-upload-shadcn - 画像アップロードコンポーネント
• indie-ui - バリアントを含む UI コンポーネント - Docs
• inspira-ui - Vue/NuxtJS で素晴らしいアニメーション インターフェイスを構築する UI コンポーネント
• kokonut-ui - Next.js 用の shadcn 上に構築される無料のモダンでカスタマイズ可能なコンポーネント。
• launch-ui - React、Shadcn/ui、Tailwind で構築されたランディング ページ コンポーネント。プロジェクトにコピー/ペーストできます。
• lingua-time - 自然言語入力を理解するスマートな日時ピッカー。
• lukacho-ui - 次世代 UI コンポーネント
• magicui - tailwindcss + フレーマー モーション + shadcn/ui を使用して美しいランディング ページを構築するための React コンポーネント
• maily.to - 強力なエディターのような概念を使用して、美しいメールを簡単に作成します。
• minimum-tiptap - shadcn/ui とtiptap で構築された最小限の WYSIWYG エディター。
• mixcnui - Mixui は、現在 Nextjs 用にアニメーションまたは再利用可能なコンポーネントのコレクションです。
• mynaui - Figma および React 用の TailwindCSS および shadcn/ui UI キット。
• neobrutalism-components - neobrutalism スタイルの Tailwind React および shadcn/ui コンポーネントのコレクション。
• nextjs-components - TypeScript、React、shadcn/ui、Craft UI、Tailwind CSS で構築された Next.js コンポーネントのコレクション。
• nextjs-dnd - Next.js、shadcn/ui、および dnd-kit を使用した並べ替え可能なドラッグ アンド ドロップ。
• nextjs-link-pagination - Nextjs リンクと検索パラメータを使用する shadcn ページング/ページネーション
• next-shadcn-dashboard-starter - Nextjs 14 と Shadcn UI を使用した管理ダッシュボード スターター
• Novel - Novel は、AI によるオートコンプリートを備えた Notion スタイルの WYSIWYG エディターです。 Tiptap + Vercel AI SDK で構築されています。
• number-flow - 数値を遷移、ローカライズ、フォーマットするための React コンポーネント。依存関係なし。アクセス可能。カスタマイズ可能。
• Origin-ui - Tailwind CSS と Next.js で構築された美しい UI コンポーネント。
• パスワード入力 - shadcn/ui カスタム パスワード入力。
• payment-gateways - このリポジトリは、Next.js 14 を使用して、Stripe、Razorpay、PayPal、Coinbase などの一般的な支払いゲートウェイを Web アプリケーションに統合する方法を示します。
• Phone-input-shadcn-ui - shadcn/ui で構築されたカスタム電話番号コンポーネント。
• planner - Planner は、React アプリケーション向けに調整された適応性の高いスケジューリング コンポーネントです。
• plate - AI を活用したリッチテキスト エディター。
• 価格設定ページ-shadcn - shadcn/ui と Next.js で作成された価格設定ページ 14. 完全にカスタマイズ可能。
• progress-button - ステート マシンを使用して進行状況 UX を駆動する shadcn/ui ボタン コンポーネントの拡張機能。
• act-dnd-kit-tailwind-shadcn-ui - ドラッグ アンド ドロップ React、dnd-kit、tailwind、shadcn/ui を使用して実装されたアクセス可能なかんばんボード。
• act-highlight-popover - 依存関係のないテキスト選択でポップオーバーを作成するためのヘッドレス反応コンポーネント。
• 反応選択 shadcn スタイルを使用した反応選択ライブラリの実装。多くの構成可能なオプションを備えた選択、非同期選択、複数選択のサポート
• recursive-dnd-kanban-board - 再帰的に生成されたドラッグ アンド ドロップ。Next.js、@dnd-kit、tailwind、shadcn/ui を使用して実装されたアクセス可能なかんばんボード。
• search-address - SearchAddress コンポーネントは、OpenStreetMap の強力な Nominatim サービスを利用した、柔軟で対話型の住所検索インターフェイスを提供します。
• shadcn-address-autocomplete - Google Places API と shadcn コンポーネントで構築された住所オートコンプリート コンポーネント。
• shadcn-admin - shadcn/ui と Vite で構築された管理者ダッシュボード UI。
• shadcn-blocks - Blocks は、公式 shadcn/ui の既成コンポーネントですが、コピーしてプロジェクトに貼り付けることができるカスタマイズ可能なコンポーネントです。
• shadcn-cal - Cal.com で shadcn/ui、Radix Colors、および React Aria とともに使用される月次カレンダーのコピー。
• shadcn-calendar-heatmap - shadcn/ui カレンダー コンポーネント上に構築された原始的な反応ヒートマップの最新の代替品。
• shadcn-calendar-component - shadcn/ui で設計されたカレンダー日付ピッカー コンポーネント。
• shadcn-chat - プロジェクトで使用するカスタマイズ可能で再利用可能なチャット コンポーネント。
• shadcn-carousel-testimonials - shadcn UI カルーセルの紹介。
• shadcn-chatbot-kit - shadcn/ui に基づいて美しく設計されたチャットボット コンポーネント。完全にカスタマイズ可能で、あなたが所有できます。
• shadcn-color-picker - React-color と shadcn を使用して構築されたカラーピッカー
• shadcn-cookie-consent - shadcn-ui および tailwind-css 上に構築された、美しくデザインされた、Web 用のカスタマイズ可能な Cookie 同意!
• shadcn-country-dropdown - 国を選択するための ISO 3166 準拠のドロップダウン コンポーネント。
• shadcn-data-table-advanced-col-opions - shadcn/ui DataTable の列サイズ変更オプション。
• shadcn-date-picker - 範囲選択、年と月の選択などを備えた高度な日付ピッカー。
• shadcn-drag-table - shadcn/ui と Next.js を使用したドラッグ アンド ドロップ テーブル コンポーネント。
• shadcn-editor - shadcn テーマとコンポーネントを使用する語彙エディター.
• shadcn-extends - shadcn/ui を使用して構築されたコンポーネントのコレクションであることを目的としています。
• shadcn-extension - shadcn/ui コンポーネントを使用して構築された、UI ライブラリを拡張するオープンソース コンポーネント コレクション。
• shadcn-image-cropper - shadcn と React-image-crop ライブラリで構築された最小限の画像クロッパー UI。
• shadcn-linear-combobox - Linear がタスクの優先順位を設定するために使用するコンボボックスのコピー。
• shadcn-multi-select-component - shadcn/ui で設計された複数選択コンポーネント。
• shadcn-phone-input-2 - shadcn/ui および libphonenumber-js で構築された、シンプルでフォーマットされた電話入力コンポーネント。
• shadcn-phone-input - あらゆる国に対して適切に検証された、カスタマイズ可能な電話入力コンポーネント。
• shadcn-spinner - shadcn/ui のスピナー コンポーネント。
• shadcn-stepper - shadcn/ui で構築された完全なステッパー コンポーネント。
• shadcn-table-v2 - サーバー側の並べ替え、フィルタリング、およびページネーションを備えた shadcn/ui テーブル コンポーネント。
• shadcn-timeline - プロジェクトで使用するための、カスタマイズ可能で再利用可能なタイムライン コンポーネント。 shadcn の上に構築されます。
• shadcn-timeline-2 - shadcn/ui で構築された Shadcn タイムライン コンポーネント。
• shadcn-tiptap - Tiptap エディター用のカスタム拡張機能とツールバーのコレクション。
• shadcn-tree-view - 展開したり折りたたんだりできるネストされたレベルを持つデータの階層リストのコンポーネント。
• shadcn-ui-blocks - 10 個以上の完全に応答性の高い UI ブロックのコレクションで、shadcn/ui プロジェクトにドロップして、思う存分カスタマイズできます。
• shadcn-ui-expansions - shadcn/ui にそのままでは備わっていない多くの便利なコンポーネント。
• shadcn-ui-sidebar - shadcn/ui の上に構築された、驚くほど機能的で応答性の高い格納式サイドバー。
• shadcn-ui-templates - shadcn/ui 用の無料およびプレミアムのテンプレートとリソースのコレクション。
• simplekit - Wagmi と shadcn/ui 上に構築された、応答性の高い接続ウォレットとアカウント コンポーネント。
• sortable - shadcn/ui、radix ui、および dnd-kit で構築された並べ替え可能なコンポーネント。
• spectrum-ui - Spectrum UI は、Aceternity UI Magic UI および shadn/ui を使用して構築された再利用可能なコンポーネントのコレクションです
• Stocks - Next.js、React Server Components、shadcn/ui チャートを使用した銘柄ピッカー。
• stunning-ui - Stunning UI は、Vue および Nuxt 用に構築されたインタラクティブな Tailwind CSS コンポーネントのコレクションです。
• time-picker - shadcn/ui プロジェクト用のシンプルな TimePicker。
• tremor-raw - React コンポーネントをコピーして貼り付けて、最新の Web アプリケーションを構築します。チャートを作成するのに適しています。
• ui-beats - アニメーション化された React コンポーネントのコレクション。
• uixmat/onborda - Next.js の Onborda 製品ツアーでアプリケーションにふさわしいオンボーディングを提供します
• vaul - React の引き出しコンポーネント。
• zoom-charts - shadcn/ui チャートの上にあるズーム可能なチャート。

アプリ

プラグインと拡張機能

• chat-with-youtube - Chrome 拡張機能は、ビデオを効率的に要約し、特定の部分を簡単に検索し、追加の便利な機能を利用できるように設計されています。
• designgui - CSS 変数で色を管理するための Chrome ブラウザ拡張機能。
• raycast-shadcn - shadcn/ui ドキュメント、コンポーネント、例を参照するための Raycast 拡張機能。
• shadcn-hsl-preview - Visual Studio Code の shadcn HSL プレビュー拡張機能。
• shadcn-ui - VS Code から shadcn/ui のコンポーネントを直接追加します。
• shadcn/ui Components Manager - Jetbrain 製品用のプラグイン。このプラグインを使用すると、Svelte、React、Vue、Solid フレームワーク全体で shadcn/ui コンポーネントを管理できます。コンポーネントの追加、削除、更新などのタスクを簡素化します。
• vscode-shadcn-svelte - Svelte プロジェクトの shadcn/ui コンポーネント用の VS Code 拡張機能。
• vscode-shadcn-ui-snippets - VSCode 内のスニペットを使用して、shadcn-ui コンポーネントを簡単にインポートして使用できます。 jsx/tsx ファイルに「cn」または「shadcn」と入力するだけで、選択できるすべてのコンポーネントのリストが表示されます。
• vscode-shadcn-vue - shadcn/ui コンポーネントを Vue.js プロジェクトに統合するための拡張機能。

色とカスタマイズ

• 10000 以上の shadcn/ui テーマ - 10000 以上の shadcn/ui テーマ。
• dizzy - shadcn/ui を使用して新しい Next または Vite プロジェクトをブートストラップします。フォント、アイコン、色、間隔、半径、影をカスタマイズします。
• ewgenius/ui - Radix Colors の鮮やかなパレットを使用して、shadcn/ui のカスタム テーマを簡単に作成します。
• gradient-picker - shadcn/ui、Radix UI、Tailwind CSS で構築された派手なグラデーションピッカー。
• navnote/rangeen - ウェブサイトのカラーパレットの作成に役立つツール
• shadcn-ui-customizer - POC - カラーピッカーを備えた shadcn/ui テーマ
• shadcn テーマ エディター - Shadcn テーマ エディターは、Shadcn ベースのプロジェクトでテーマ カラーを管理およびカスタマイズするプロセスを簡素化するように設計されたユーザー フレンドリーなコンポーネントです。
• ui-colorgen - shadcn/ui のカラー設定を支援するために設計されたアプリケーション。
• zippy starter の shadcn/ui テーマ ジェネレーター。 - 単一の色からカスタム テーマを簡単に作成し、コピーしてアプリに貼り付けることができます。

アニメーション

• animata - インターネット上から集めた手作りの ✍️ インタラクション アニメーションとエフェクト ?をコピーしてプロジェクトに貼り付けます。
• magicui.design - 美しいランディング ページを構築するためのオープンソースの反応コンポーネントの最大のコレクション。
• motionvariants - 美しいフレーマー モーション アニメーション。
• tailwindcss-motion - 新しいシンプルな構文アニメーション ライブラリです。電池が付属しています。無限に設定可能。

ツール

• 5devs - テスト目的で偽のブラジルのデータを取得する Web サイト。
• Bento-hub - BentoHub は、GitHub プロファイルの Readme 用の Bento グリッドを作成できるアプリケーションです。
• Cut-it - Next.js App Router、Server Actions、Drizzle ORM、Turso を使用して構築され、shadcn/ui でスタイル設定されたリンク短縮ツールです。
• country-data-in-charts - Globe Graph は、さまざまな年の GDP、1 人当たり GDP、人口などの国のデータを多くのグラフを使用して視覚化する Web アプリです。
• down-dev-detector - このアプリは、現在ダウンしているすべてのサービスをリストし、Atlassian Status Page などのサービスを (近日中に) 使用します。
• cv-forge - ビルダーを再開、@shadcn/ui、react-hook-form、react-pdf でビルド
• form-b​​uilder - 美しくタイプセーフな @shadcn/ui フォームを簡単に作成する UI ベースの codegen ツールです。
• Hook-again - shadcn/ui でインストール可能な React Hook のコレクション
• imgsrc - 手間をかけずに美しい Open Graph イメージを生成します。
• invoify - Next.js、Typescript、shadcn/ui を使用して構築された請求書生成アプリ
• jobsync - JobSync は、求職者が効率的に求職活動を管理できるアシスタントです。
• memfree - オープンソースのハイブリッド AI 検索エンジン。インターネット、ブックマーク、メモ、ドキュメントから正確な回答を即座に取得します。ワンクリック展開をサポートします。 Next.js、Typescript、shadcn/ui を使用して構築されました。
• metro-sp - SP Metro、ViaMobilidade、CPTM 回線上のインシデントと変更に関する自動リアルタイム更新を 5 分ごとに受信します。
• myinstants - ブラジル最大のインスタント サウンド ボタンの Web サイト!
• opensearch-ai - SearchGPT / Perplexity クローンですが、ユーザー向けにカスタマイズされています。
• ペーストコード - Typescript、Next.js、Drizzle、shadcn/ui、RSC で構築された Pastebin の代替案
• postgres - AI 支援を備えたブラウザ内 Postgres サンドボックス
• proxmox-helper-scripts - Proxmox VE ホームラボ用のスクリプトのカタログ。Next.js App Router で構築され、shadcn/ui でスタイル設定されています。
• quack-db - オープンソースのブラウザ内 DuckDB SQL エディター
• qualmeuip - IP アドレスを調べてインターネット速度をテストする
• shadcn-form-b​​uilder - Shadcn、react-hooks-form、zod を使用して数分以内にフォームを作成します
• shadcn-pricing-page-generator - shadcn/ui、Radix UI、Tailwind CSS を使用して React 価格設定ページを取得する最も簡単な方法。
• shadcn-theme-editor - Shadcn テーマ エディターは、Shadcn ベースのプロジェクトでテーマ カラーの管理とカスタマイズのプロセスを簡素化するように設計されたユーザーフレンドリーなコンポーネントです。
• shadcn-zod-form - zod スキーマから shadcn/ui フォームを生成する CLI ツール。
• shareable-form-b​​uilder - shadcn/ui および Next.js に基づいて、フォームを作成し、フォーム リンクを共有するための共有可能なフォーム ビルダー。
• tinyte - 独自の VS コード テーマ ジェネレーター ?
• translation-app - TypeScript、Tailwind CSS、NextJS、Bun、shadcn/ui、AI-SDK/OpenAI、Zod を使用した翻訳アプリ
• typelabs - MonkeyType にインスピレーションを得た、React、shadcn、Zustand を中心に構築されたタイピング テスト アプリです。
• ui-builder - UI を作成するノーコードの視覚的な方法を提供する React コンポーネント エディターであり、shadcn/ui およびカスタム コンポーネントと完全に互換性があります。
• ui-fonts - あらゆるデザインのニーズに合わせてフォントをリアルタイムでテストおよびプレビューします。完璧な書体を簡単に選択できます。
• v0 - shadcn/ui および TailwindCSS に基づいて構築された Vercel の生成 UI システムにより、テキスト プロンプトや画像から簡単に UI を生成できます。 React および HTML コードを生成し、v0 CLI コマンドを介して統合することもできます。
• Wallhaven-desktop - Wallhaven 壁紙ソフトウェア デスクトップ。本物の壁紙ソフトウェアである、wallhaven API ベースのクライアントを作成します。 Farm 、 Tauri 、 React19 、 shadcn/ui を使用します。
• xuneix - 管理パネルのセキュリティを強化するためのリンク ローテーション ツール。これには、動的 URL、期限切れのトークン、カスタマイズ可能なローテーションが含まれます。 shadcn/ui を使用して簡単にセットアップできます。 Vercel KV と統合します。

ウェブサイトとポートフォリオのインスピレーション

ウェブサイト

• godly - 天文学的に優れた Web デザインのインスピレーション。最高の中の最高のものだけ。
• list.swajp.me - 成功した人々にインスピレーションを与えて、適切なプロジェクトやデザインを見つけるのがかつてないほど簡単になりました。

ポートフォリオ

• andrewsam.xyz - shadcn/ui を使用した人気の tailwind-nextjs-starter-blog の改良版と、履歴書セクションおよびエクスペリエンス タイムライン コンポーネント。
• ビロビロビロ.dev
• shubhporwal.me - NextJS、GSAP、Tailwind、React に基づいて構築された、目を引く開発者ポートフォリオ。
• swajp.me

プラットフォーム

• anonypost - プラットフォームに投稿して、匿名で自分の考えや経験を共有します。 t3-stack を使用して作成
• bolhadev - 英語を学ぶ一番の近道は、定期的に英語を話すことです。チャットする人を見つけてください。
• crept-studio - Crept は、Next.js、Tailwind CSS、Shadcn UI 上に作成された無料のオープンソース プロジェクトです。無料のテレビ番組や映画の配信に使用できます。
• enjoytown - 無料のアニメ、マンガ、映画、テレビ番組のストリーミング プラットフォーム。 Nextjs、shadcn/ui で構築
• Grade-calculator - 学業成績のより良い概要を提供することを目的とした、学生向けの成績計算機/ダッシュボード。
• infinitunes - Next.js、shadcn/ui、Tailwind CSS、DrizzleORM などを使用して構築されたシンプルな音楽プレーヤー Web アプリ...
• kd - 広告なしの Kdrama ストリーミング アプリ。 Nextjs、Drizzle ORM、NeonDB、shadcn/ui で構築
• memergez - テキストまたはアバター URL を入力することでミームをすばやく生成し、多くのミーム コマンドをサポートします。
• Lotwist - Next.js、Tailwind CSS、Supabase、shadcn/ui を使用して、映画、シリーズ、アニメを簡単に管理およびレビューします。

ポート

• Angular - shadcn/ui の Angular ポート
• Flutter - shadcn/ui の Flutter ポート
• Franken UI - HTML ファーストでフレームワークに依存しない、美しくデザインされたコンポーネントで、コピーしてサイトに貼り付けることができます。アクセス可能。カスタマイズ可能。オープンソース。
• JollyUI - shadcn/ui 互換の React aria コンポーネント
• Kotlin - shadcn/ui の Kotlin ポート
• フェニックス ライブビュー - shadcn/ui のフェニックス ライブビュー ポート
• React Native - shadcn/ui の React Native ポート
• React Native - shadcn/ui の React Native ポート (推奨)
• Ruby - shadcn/ui の Ruby ポート
• Solid - shadcn/ui のソリッドポート
• Svelte - shadcn/ui の Svelte ポート
• Swift - shadcn/ui の Swift ポート
• Sysinfocus simple/ui - shadcn/ui からインスピレーションを得た、Blazor 用の Razor コンポーネント ライブラリ
• Vue - shadcn/ui の Vue ポート

デザインシステム

• shadcn-ui-components - Figma で再作成されたすべてのコンポーネント。
• shadcn-ui-storybook - JheanAntunes によってストーリーブックに登録されたすべての shadcn/ui コンポーネント
• shadcn-ui-storybook - Felipeutaka によってストーリーブックに登録されたすべての shadcn/ui コンポーネント

定型文/テンプレート

• browser-extension-starter-plasmo-shadcn-trpc - Plasmo、React、Shadcn、tRPC を備えたブラウザ拡張スターター キット。
• chadnext - クイック スターター テンプレートには、Next.js 14 アプリ ルーター、shadcn/ui、LuciaAuth、Prisma、サーバー アクション、ストライプ、国際化などが含まれています。
• Cloudflare-saas-stack - Cloudflare 上で SaaS 製品を迅速に構築してデプロイするための独自のバッテリー付きスターター キット。
• create-tauri-core - Vite、React、Tailwind CSS を使用して Tauri アプリを作成するためのプロジェクト テンプレート。
• デザインシステムテンプレート - Turborepo + TailwindCSS + Storybook + shadcn/ui
• easy-ui - NextJS + shadcn/ui + Tailwind CSS + Framer Motion などを使用して構築された 50 以上の高品質オープンソース Web サイト テンプレート。
• electron-shadcn - shadcn/ui およびすぐに使用できる他の多数のライブラリとツールを備えた Electron アプリ テンプレート。
• Horizo​​n-ai-nextjs-shadcn-boilerplate - プレミアム AI NextJS および shadcn/ui ボイラープレート + Stripe + Supabase + OAuth
• キリマセ - shadcn/ui、Tailwind CSS、Next.js を使用して次のプロジェクトをすぐに開始するためのテンプレートと定型文。
• magicui-startup-templates - shadcn/ui + tailwindcss + Framer-motion を使用して構築された Magic UI スタートアップ テンプレート
• nextMotion - 問い合わせフォームのセットアップを簡単にするために、nodemailer が統合された Webdev ポートフォリオ テンプレート。 shadcn/ui + tailwindcss + Framer-motion を使用します。
• next-shadcn-dashboard-starter - Next.js 14 と shadcn/ui を使用した管理ダッシュボード スターター
• next-starter - TypeScript、Tailwind CSS、Next-auth、Eslint、Stripe、テスト ツールなどの機能が満載された Next.js スターター テンプレート。効率的かつスタイリッシュにプロジェクトを活性化します。
• nextjs-mdx-blog - Contentlayer、MDX、shadcn/ui、および Tailwind CSS で構築されたスターター テンプレート。
• next-wp - NextJS App Router と React Server コンポーネントで構築されたヘッドレス Wordpress スターター
• onyx - フルスタック、バッテリー付属 NextJS 14 を備えた MVP テンプレート、CRUD 操作を備えた Supabase SSR Auth および Postgres DB、RBAC、Tanstack React Query、Zod Validation、MDX コンポーネント、再送信など。
• opendocs - プロジェクトに無料で使用できる、美しくデザインされたテンプレート。アクセス可能。カスタマイズ可能。 i18n をサポートするオープンソース。
• shadcn-landing-page - shadcn/ui、React、Typescript、Tailwind CSS を使用したランディング ページ テンプレート
• shadcn-landing-page - shadcn-vue-landing-page から nextjs へのプロジェクト変換 - Nestjs、shadcn/ui、TypeScript、Tailwind CSS を使用したランディング ページ テンプレート
• shadcn-nextjs-free-boilerplate - 無料かつオープンソースの NextJS ボイラープレート + ChatGPT API ダッシュボード テンプレート
• shadcn-registry-template - shadcn/ui のカスタム コンポーネント レジストリを構築するためのテンプレート リポジトリ。
• shadcn-vue-landing-page - Vue、shadcn-vue、TypeScript、Tailwind CSS を使用したランディング ページ テンプレート
• shadcn-next-workflows - React Flows、Next.js、Shadcnui を使用した対話型ワークフロー ビルダー。カスタム ノードを簡単に作成、接続、検証します。
• supa-next-shad-auth - 以下のベスト プラクティスを備えた、完全に応答性が高く、完全にタイプ セーフで安全なサーバー アクション、ユーザー フレンドリーなカスタマイズ可能な UI。使用した技術: NextJS + Supabase + TypeScript + Server Actions + Zod + shadcn/ui。
• t3-app-template - これは、T3 スタックと shadcn/ui の管理テンプレートです。
• 分類 - 新しいルーター、サーバー コンポーネント、Next.js のすべての新機能を使用して構築されたオープン ソース アプリケーション
• template-next - TypeScript、TailwindCSS、Shadcn/ui、および Prettier を備えたクリーンな Next.js テンプレート。
• turborepo-shadcn-ui-tailwindcss - 共有 ui コンポーネント用に事前設定された shadcn/ui および Tailwind CSS を備えた Turborepo スターター。
• Turborepo-launchpad - Turbo を使用した shadcn プロジェクト用の包括的な Monorepo ボイラープレート。共有コンポーネントとユーティリティを使用した複雑なアプリケーションの開発に最適な、拡張性の高いセットアップが特徴です。
• wordpress-plugin-boilerplate - React、TypeScript、SASS、Tailwind CSS、Shadcn UI、Vite、Grunt.js、Storybook、HMR などの最新の Web テクノロジーとツールを利用した WordPress プラグイン ボイラープレート。

スターの歴史

貢献者

これらの素晴らしい人々全員に感謝します。