Description

Haze Dashboard — Premium Nuxt Admin Template

A premium admin dashboard built with Nuxt 4, Vue 3, Nuxt UI v4, TypeScript, Tailwind CSS v4, and Pinia. 92+ pages, 7 layout variants, 5 unique dashboards, full CRUD, e-commerce storefront, dark mode, i18n, and a complete design system — ready to ship.

5 Dashboard Variants

• Overview — Welcome hero, revenue sparkline, radial progress, interactive filters, conversion funnel, top products, activity timeline
• Analytics — Full-width traffic chart with 7d/30d/90d switching, bounce rate gauge, device breakdown donut, top pages, geographic traffic
• eCommerce — Revenue hero, order pipeline stages, category bars, product cards with ratings, recent orders
• CRM — Visual pipeline funnel, speedometer win-rate gauge, deal cards, team leaderboard, lead sources
• SaaS — Dark MRR hero card, subscription tier distribution, growth vs churn chart, trial countdown

Full CRUD with Mock API

• Orders — List with DataTable (search, filter, pagination), detail view, create/edit with Zod validation
• Products — Full CRUD with category, stock, pricing columns
• Customers — Searchable customer table with spending stats and order history
• Invoices — Full CRUD with status badges, PDF-style detail with line items and tax calculation, printable layout
• Users — Full CRUD with avatar, role, status columns
• Roles — Card grid with permission counts and checkbox matrix

16 App Pages

• Chat — Contact list + message bubbles
• Mail — Folders, message list, compose modal
• Kanban — Drag-and-drop board with priority badges
• Calendar — Monthly grid with event creation
• File Manager — Grid/list toggle, storage stats, upload
• Editor — Tiptap rich text with full toolbar
• Map — Leaflet with markers and popups
• Charts — 6 unovis chart types
• Forms, Wizard, Billing, Notifications, Pricing, Support, Components, Timeline

E-commerce Storefront (4 pages)

• Product listing with sidebar filters, sort, search
• Product detail with image gallery and reviews
• Shopping cart with quantity controls
• Multi-step checkout (shipping, payment, review)

Authentication (11 pages, 3 styles)

• Classic — Centered card: login, register, forgot password, reset, confirm, verify email, 2FA
• Split — Dark branding panel + white form
• Cover — Gradient background + glass card

Live Theme Customizer

• 6 accent color presets (Teal, Blue, Purple, Orange, Rose, Emerald)
• 3 density levels (Compact, Default, Spacious)
• Dark / Light / System mode
• RTL toggle
• 3 languages (English, German, French)
• All settings persist to localStorage

Developer Experience

• Nuxt UI v4 — 50+ accessible components (Reka UI primitives)
• unovis charts — Framework-agnostic, portable to React/Svelte/Angular
• TypeScript strict mode — Zero any types
• ESLint — @nuxt/eslint with lint/fix scripts
• Zod validation — All forms and server routes validated
• Mock API — 33 Nitro server routes with pagination, search, filtering
• Lazy-loaded charts — defineAsyncComponent for unovis, Leaflet, vue-draggable
• SEO — useHead titles on 25+ pages, @nuxt/image module
• Built-in /docs — 11 documentation pages with real content
• Docker-ready — Dockerfile included

Tech Stack