管理画面

Next.js・ReactベースのAdmin Dashboard用無料テンプレート。MantineやMaterial UIなど人気UIライブラリを使ったものも数多く紹介しています。

mantine-analytics-dashboard

Next.js＋Mantine製の本格的な分析ダッシュボード。ApexCharts・DataTable・Storybookを統合した100以上のUIコンポーネントを収録しています。

Next.js

Demo GitHub

mantine-admin

Mantine UI＋Next.js＋Zustandで構成したモダンな管理画面スターター。React Query・Zodによるデータ取得・バリデーションも実装済みです。

Next.js

Vercel

Demo GitHub

horizon-tailwind-react

TailwindCSS＋Reactで作られたHorizon UIの管理画面テンプレート。70以上のダーク/ライト対応UIコンポーネントとNFT・認証ページのサンプルを収録。

material-kit-react

DeviasPro製のMaterial Design風Next.js管理画面。TailwindCSS＋TanStack Tableによるデータテーブルと認証画面が標準装備されています。

Next.js

TailwindCSS

Demo GitHub

materio-free-mui-nextjs-admin-template

ThemeSelection製のMaterial UI＋Next.js管理画面テンプレート。豊富なコンポーネントとダーク/ライトモード切替に対応した完成度の高い無料版です。

Next.js

Demo Source

modernize-free-nextjs-admin-template

AdminMart製のModernize Next.js管理画面。Material UIとTypeScriptを組み合わせたパワフルなダッシュボードで複数のカラーテーマを選択できます。

Next.js

Vercel

Demo Source

materialpro-nextjs-free

MaterialPro Next.js無料版。Material Design準拠のUIコンポーネントを揃えたNext.js管理画面テンプレートで、ダーク/ライトモードに対応しています。

Next.js

Vercel

Demo Source

spike-nextjs-free

Spike Next.js無料版。モダンなデザインのNext.js管理画面テンプレートで、多数のUIコンポーネントとチャート・テーブルが使いやすく整理されています。

Next.js

Demo Source

smart-home-dashboard-template

スマートホーム管理向けのビジュアルダッシュボードデモ。デバイス状態・温度・エネルギー消費などをインタラクティブに表示するUIの参考実装です。

Next.js

TailwindCSS

Demo Source

nextui-dashboard-template

NextUI＋Next.jsで構築したダッシュボードテンプレート。NextUIのモダンなコンポーネントセットをそのまま活用した、視認性の高いUIが特徴です。

Next.js

Vercel

Demo GitHub

shadcn-dashboard

Next.js 16＋shadcn/ui＋TypeScriptのダッシュボードスターター。TanStack Table・Recharts・Clerk認証・カンバンボードを含むプロダクション対応の構成です。

Next.js

TailwindCSS

Demo GitHub

shadcn-dashboard-landing-template

shadcn/ui＋Next.jsのダッシュボードランディングテンプレート。クリーンなデザインとデータテーブル・認証ページを備えた軽量スターターです。

Next.js

TailwindCSS

Demo GitHub

nextkit-nextjs-supabase-prisma

Next.js＋Supabase＋Prisma＋shadcn/uiを組み合わせたフルスタックスターターキット。認証・DB連携まで含んだ実践的な構成が最初から揃っています。

justboil

justboil製のAdmin One。React＋TailwindCSS製の管理画面テンプレートで、チャート・テーブル・フォームなど必要なUIが一通り揃ったシンプルな構成です。

Next.js

TailwindCSS

Demo GitHub Source

tailadmin

TailAdminのNext.js版。500以上のUIコンポーネントと7種類のダッシュボードバリエーション、コラプシブルサイドバーを備えたオープンソース管理画面です。

TailwindCSS

Demo GitHub Source

windmill-dashboard-nextjs-typescript

Windmill Dashboard TypeScript版。Next.js＋TypeScript＋TailwindCSS製のシンプルな管理画面テンプレートで、ダーク/ライトモードに対応しています。

nextadmin

NextAdmin。Next.js＋TailwindCSS製の200以上のUIコンポーネントを収録した無料管理画面ツールキット。ApexChartsによるデータビジュアライズも標準搭載。

Next.js

TailwindCSS

Demo Source

next-free.tailwind-admin

Tailwind AdminのNext.js無料版。shadcn/ui＋TailwindCSS製で、LTR/RTL・ダーク/ライトモードとカラーバリエーションを揃えたカスタマイズ性の高いテンプレートです。

Next.js

TailwindCSS

Demo Source

modernize-tailwind-nextjs-free

ModernizeTailwind Next.js無料版。TailwindCSS＋Next.jsの組み合わせで構築した管理画面テンプレート。シンプルな構成でカスタマイズしやすいのが特徴です。

Next.js

TailwindCSS

Demo Source

matdash-nextjs-free

MatDash Next.js無料版。Material Design風のNext.js管理画面テンプレートで、ダッシュボード・テーブル・フォームなど基本的なページ構成が揃っています。

Next.js

TailwindCSS

Demo Source

datta-able-free-tailwind-nextjs-adm

Datta Able TailwindCSS Next.js無料版。TailwindCSS＋Next.jsのシンプルな管理画面テンプレートで、基本的なダッシュボードUIが一通り揃っています。

Next.js

TailwindCSS

Demo Source

materialm-tailwind-nextjs-free

MaterialM TailwindCSS Next.js無料版。Material Design＋TailwindCSSの組み合わせによる管理画面テンプレート。コンポーネントの視認性が高くスッキリしたデザインです。

Next.js

TailwindCSS

Demo Source

dashui-free-nextjs-admin-template

DashUI無料Next.js管理画面テンプレート。Next.js＋TailwindCSSで構築されたシンプルかつ整理されたダッシュボードUIを提供しています。

dasher-ui-nextjs-free

Dasher UI Next.js無料版。Netlify対応のNext.js管理画面テンプレートで、クリーンなデザインと基本的なダッシュボードコンポーネントを収録しています。

sakai-react

PrimeReact製のSakai。Next.js App Router対応のオープンソース管理画面テンプレートで、Material/Bootstrap等複数のテーマとダーク/ライトモードに対応しています。

Next.js

Demo GitHub

tracker-html-tailwind

PixelRocket製のプロジェクト管理向けTailwind HTMLダッシュボード。カンバンボード・データテーブル・CTAバナーをワンページに収めたシンプルな構成です。

kavlan-html-bootstrap

PixelRocket製のBootstrap 5ダークテーマ管理画面HTML。レスポンシブ対応でクリーンなUIが特徴の、HTMLのみで動作するシンプルな管理画面テンプレートです。

base-html-tailwind

PixelRocket製のTailwind CSS HTMLダッシュボード。グラデーションを活用したバナー・統計カード・グラフ・データテーブルを備えたシングルページのシンプルな管理画面です。

sveltekit-microcms-simple-store-template

SvelteKit＋microCMSで構築したECサイト管理向けテンプレート。Cloudflare Pagesにデプロイ可能で、SvelteKit＋ヘッドレスCMSの組み合わせを試すのに最適です。