网站模板

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.