Introduction
Welcome to the Haze Dashboard documentation. Haze is a premium admin dashboard template built with Nuxt 3, Vue 3, TypeScript, and Tailwind CSS v4. It ships with 30+ pages, dark mode, RTL support, internationalization, and a complete mock API layer.
Key Features
- 5 Dashboard variants — Overview, Analytics, eCommerce, CRM, and SaaS
- Full app suite — Chat, Mail, Kanban, Calendar, File Manager, Charts, Editor, and Map
- CRUD management — Orders, Products, Customers, Invoices, Users, and Roles
- OKLCH theming — CSS custom properties with dark mode, accent presets, and density settings
- Multiple layouts — Sidebar, Horizontal, Auth (3 styles), Marketing, and Blank
- Internationalization — Built-in support for English, German, and French with @nuxtjs/i18n
- Mock API — Server routes with pagination, search, and filtering — ready to swap for a real backend
- Role-based access — Admin, Editor, and Viewer roles with permission-based UI
Quick Links
Getting Started
Install dependencies, run the dev server, and explore the project.
Theming
Customize colors, dark mode, accent presets, density, and RTL.
Adding Pages
Create new pages with file-based routing and sidebar navigation.
Deployment
Deploy to Vercel, Netlify, Cloudflare Pages, Node.js, or Docker.
Tech Stack
Nuxt 3Vue 3TypeScriptTailwind CSS v4Nuxt UI 3Unovis Charts@nuxtjs/i18nPiniaVueUseVitest
Want to see it in action? Explore the dashboard demo →