Webサイトテンプレート

Next Shadcn Admin Dashboard

Admin dashboard on Next.js and shadcn/ui: multiple dashboard layouts, auth screens, data tables and theme presets.

このテンプレートの説明はまだ日本語に対応していないため、英語で表示しています。

Dashboard · 無料

ライブデモを開くソースリポジトリを見る

ページ

ライブデモのページごとのスクリーンショットです。枠内をスクロールするとページ全体を見られます。

デザイン解説

このテンプレートのデザインを AI が読み解いたものです：配色、書体、余白、セクション、特徴的なディテール。テンプレートを使うと Ottermind はここから始めます。

この解説はまだ日本語に対応していないため、英語で表示しています。

Overall: admin dashboard, professional, medium density, light
Palette: background #ffffff; surfaces [#fafafa, #171717, #737373, #d4d4d4]; text #0a0a0a; muted text #737373; primary #000000; accents []
Type: headings Geist, 500, sentence-case; body Geist, 14px; scale h2: 16px
Shape & spacing: button/card radius 8px, no borders, subtle shadows, section spacing 24px, content width 1200px
Sections (top to bottom): Header — horizontal layout, logo on left, search bar centered, user controls right-aligned, background #ffffff
Sidebar — vertical navigation with icons and labels, collapsible, background #fafafa, dark text
KPI cards — grid of 4 cards, each with icon, metric, trend indicator, and subtitle, background #fafafa
Customer Activity — line chart with time axis, legend, dropdown filters, background #ffffff
Customer Table — data table with sortable columns, checkboxes, status indicators, export/sort controls, background #ffffff
Signature details: Rounded corners on all cards and buttons
Subtle drop shadows under cards
Status badges with colored dots (green, orange, gray)
Hover states on table rows
Compact, dense layout with consistent spacing
Clean typography using Geist font family
Other pages: /dashboards: multiple dashboard layouts
/auth: login and registration screens
/tables: data tables with filtering and pagination
/theme: theme presets and customization options

テンプレート情報

カテゴリ: Dashboard
作者: arhamkhnz
掲載元: 21st.dev
価格: 無料

Dashboard
Admin Panel

オリジナルデザイン：arhamkhnz（21st.dev に掲載）。Ottermind はテンプレートのコードをコピーせず、ブリーフをもとに新しいサイトを作ります。

Ottermind が起点にするブリーフ

Studio で下書きとして開きます。送信前にブランド、対象者、ページを書き足してください。

Build a dashboard website inspired by the "Next Shadcn Admin Dashboard" template. Reference brief: Admin dashboard on Next.js and shadcn/ui: multiple dashboard layouts, auth screens, data tables and theme presets. Style and features to reflect: Admin Panel. Use original copy and imagery for my brand rather than the reference's placeholder content.