Description
Haze Dashboard: Premium Nuxt 4 Admin Template
A feature-rich 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.
5 Dashboard Variations
- Overview – Welcome hero, revenue sparkline, radial progress, interactive order/customer 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 table with spending stats and order history
- Invoices – Status badges, PDF-style detail with line items and tax calculation, printable layout
- Users – Full CRUD with avatar, role, status
- Roles – Card grid with permission counts and checkbox matrix
16 Application Pages
- Chat – Contact list and message bubbles
- Mail – Folders, message list, compose modal
- Kanban – Drag-and-drop board with priority badges via vue-draggable-plus
- Calendar – Monthly grid with event creation
- File Manager – Grid/list toggle, storage stats
- Editor – Tiptap rich text with full toolbar
- Map – Leaflet with OpenStreetMap markers and popups
- Charts – 6 unovis chart types showcase
- More – Forms, Wizard, Billing, Notifications, Pricing, Support, Components, Timeline
E-commerce Storefront
- 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)
Live Theme Customizer
- 6 Color Presets – Teal, Blue, Purple, Orange, Rose, Emerald
- 3 Density Levels – Compact, Default, Spacious
- Theme Modes – Dark, Light, System
- RTL Toggle – Right-to-left layout
- 3 Languages – English, German, French
- All changes persist to localStorage
Auth Pages (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
Developer Experience
- Nuxt UI v4 – 50+ accessible components (Reka UI primitives)
- unovis charts – Framework-agnostic, portable to React/Svelte/Angular
- TypeScript strict – Zero any types
- ESLint – @nuxt/eslint with lint/fix scripts
- Zod validation – All forms and 12 server routes validated
- Mock API – 33 Nitro server routes with pagination, search, filtering
- Lazy-loaded charts – defineAsyncComponent for code splitting
- @nuxt/image – Image optimization module
- SEO – useHead titles on 25+ pages, meta description
- Built-in /docs – 11 documentation pages with real content
- Docker-ready – Dockerfile included
