Kairo is a clean, modern admin dashboard template for SaaS products, online stores and internal tools. Built with Next.js 16, React 19, Tailwind CSS 4 and TypeScript, as a static site with mock data, so you can explore every screen instantly and connect your own API when you are ready.

LIVE DEMO: https://kairo-template-martinlopez.netlify.app

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

FEATURES
– Light and dark mode (light, dark or system)
– Bilingual: English + Spanish with EN/ES language switcher
– Collapsible sidebar, mobile drawer menu
– Fully responsive for mobile, tablet and desktop
– Charts built with Recharts
– No external images: SVG icons (Lucide) and initials-based avatars
– Clean folder structure with reusable components
– README with setup, build and customization instructions

REQUIREMENTS
– Node.js (current LTS) and npm
– Basic knowledge of Next.js, React and Tailwind CSS

NOTES
– All data is mock data. No backend is included.
– Forms are front-end only; connect them to your own backend or service.

More from martinlopez

Savora – Restaurant & Café Website Template (Next.js + Tailwind)

by martinlopez in Landings

Pulse – SaaS Product Landing Page Template

by martinlopez in Landings

Nova – Agency Landing Page Template

by martinlopez in Landings