A clean, modern admin dashboard template for SaaS products, online stores and internal tools. Built as a static Next.js site with mock data, so you can explore every screen instantly and connect your own API when you are ready.

Included pages

• Dashboard: Analytics (KPI cards, revenue chart with 6/12-month toggle, traffic sources donut, recent activity)
• Dashboard: eCommerce (sales cards, orders bar chart, top products, recent orders)
• Orders list (search, status filter, pagination, status badges)
• Order detail (progress timeline, items, customer and delivery info)
• Products (grid/list toggle, category and status filters, sorting)
• Customers (table with search, status filter and detail drawer)
• Invoices list with summary cards
• Invoice detail with a printable view
• Calendar (month view, agenda panel, add-event form)
• Settings (profile, account, notifications and appearance tabs)
• Profile
• Login, Register and Forgot password
• 404 error page

Features

• Light and dark mode with light, dark or system theme toggle
• Bilingual (English + Spanish) with an EN/ES switcher; all UI text lives in type-checked translation files
• Collapsible sidebar that becomes a drawer on mobile
• Fully responsive layouts for mobile, tablet and desktop
• Charts built with Recharts
• No external images: SVG icons (Lucide) and initials-based avatars
• Fonts bundled through npm packages, no external font requests
• Reusable components and a clean folder structure
• README with setup, build and customization instructions

Technical details

• Next.js 16 (App Router, static export)
• React 19
• Tailwind CSS 4
• TypeScript / TSX
• Recharts, Lucide icons

Requirements

• Node.js (current LTS) and npm to install dependencies and build the site
• Basic knowledge of Next.js, React and Tailwind CSS to customize the template

Notes

• Data: all data is mock data stored in src/data. No backend or external API is included.
• Forms: login, register, settings and other forms are front-end only; connect them to your own backend or service.
• Third-party libraries: see the README for the libraries used and their licenses.