Website-Vorlage
Next Shadcn Admin Dashboard
Admin dashboard on Next.js and shadcn/ui: multiple dashboard layouts, auth screens, data tables and theme presets.
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
Dashboard · Kostenlos
Seiten
Screenshots der Live-Demo, Seite für Seite. Scrollen Sie innerhalb einer Seite, um sie ganz zu sehen.
Design-Analyse
Eine KI-Auswertung des Designs dieser Vorlage: Farben, Typografie, Abstände, Abschnitte und markante Details. Ottermind startet damit, wenn Sie die Vorlage verwenden.
Diese Analyse ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
- 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
Details zur Vorlage
- Kategorie
- Dashboard
- Autor
- arhamkhnz
- Gelistet auf
- 21st.dev
- Preis
- Kostenlos
- Dashboard
- Admin Panel
Originaldesign von arhamkhnz, gelistet auf 21st.dev. Ottermind kopiert nicht den Code der Vorlage, sondern erstellt aus dem Briefing eine neue Website.
Das Briefing, mit dem Ottermind startet
Es öffnet sich in Studio als Entwurf – ergänzen Sie Marke, Zielgruppe und Seiten, bevor Sie es senden.
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.
So verwenden Sie diese Vorlage
- 1
Klicken Sie auf „Diese Vorlage verwenden“, um sie mit ausgefülltem Briefing in Ottermind Studio zu öffnen.
- 2
Ergänzen Sie das Briefing um Marke, Zielgruppe, Seiten und Inhalte.
- 3
Ottermind erstellt eine neue Website, inspiriert von diesem Design – im Chat verfeinern Sie sie weiter.
