Introduction
Haze Dashboard Documentation
Welcome to the Haze Dashboard documentation. Haze is a premium admin dashboard template built with Next.js 16, React 19, TypeScript, and Tailwind CSS v4. It ships with 92+ 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
- Mock API— Route handlers 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
Next.js 16React 19TypeScriptTailwind CSS v4Radix UIUnovis Chartsnext-intlZustandTiptap v3Vitest
Want to see it in action? Explore the dashboard demo