قالب موقع ويب

Next Shadcn Admin Dashboard

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

وصف هذا القالب غير متوفر بالعربية بعد، لذلك يظهر بالإنجليزية.

Dashboard · مجاني

فتح العرض المباشر عرض مستودع الشيفرة

الصفحات

لقطات من العرض المباشر، صفحة تلو الأخرى. مرّر داخل الصفحة لرؤيتها كاملة.

قالب الموقع Next Shadcn Admin Dashboard، صفحة /dashboard/default، الجزء 1 — /dashboard/defaultOpen Source Business Dashboard with shadcn/ui

تحليل التصميم

قراءة بالذكاء الاصطناعي لتصميم هذا القالب: الألوان والخطوط والمسافات والأقسام والتفاصيل المميزة. يبدأ منها 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.