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

Tech Stack

Next.js 16React 19TypeScriptTailwind CSS v4Radix UIUnovis Chartsnext-intlZustandTiptap v3Vitest

Want to see it in action? Explore the dashboard demo