Luminaux — Admin, illuminated.

Luminaux is a multipurpose admin & dashboard template built as a real, working React application — wired to a live REST API, not a static-JSON demo. Powered by React 19.2, Vite 6 and TypeScript in strict mode, styled with Tailwind CSS v4, and polished with tasteful Framer Motion animation throughout. It ships production-ready and is a joy to customize.

Built on a modern stack

React 19.2 + Vite 6 + TypeScript (strict mode)
Tailwind CSS v4 — CSS-first, fully token-based theming
React Router 7 for routing
Framer Motion for entrance, hover and page-transition FX
A ready-to-use REST API client with bearer-token auth

Themes & skins

11 color skins — Default, Aqua, Lime, Lilac, Prism, Midnight, Ocean, Graphite, Emerald, Amber and Coral
2 full designs that reshape the home dashboard, fonts and radius — Bento Studio & Console
Light / Dark / System mode, class-based, no flash on load
Every color lives in CSS tokens — light and dark stay in sync automatically

8 prebuilt dashboards

CRM, eCommerce, Analytics, Finance, Marketing, Project, plus the Bento and Console home dashboards — each with animated stats, charts and widgets.

Full application modules

Calendar (FullCalendar) — month/week/day/list, drag-to-schedule, recurring events, .ics import/export
Scrumboard / Kanban (dnd-kit) — drag across columns, filters, quick-add
Chat — multi-pane messenger, groups, reactions, emoji picker, image attach
Contacts — applicant-review workspace with keyboard nav, bulk actions, CSV export
Email templates — 12 responsive HTML emails with a live browser
Invoice builder — live preview, PDF print & real .xlsx export

Data grid & charts

AG Grid Community data grids with animated rows
Recharts, ApexCharts and ECharts — all three demoed, skin-aware colors

98 pages, 47 UI components & 23 motion effects

Forms & validation, tables, modals, tabs, accordions, alerts, toasts, carousels, lightbox, pagination, avatars, a portlet Panel system, auth screens (login/register/forgot/reset/lock), settings hub, pricing, FAQ, cookie consent, error pages and a full motion-FX showcase.

Configurable layout shell

A live Layout Customizer and Layout Settings page control the sidebar mode (default / minified / dual), dark or OLED sidebar, header-only navigation, sticky headers, fixed footer, page transitions, splash loaders and more — all persisted.

Multi-language

Internationalized with react-i18next across 8 languages (English, French, Dutch, German, Spanish, Portuguese, Chinese, Japanese), with dedicated CJK fonts for Japanese and Chinese.

Developer experience

Clean, strict TypeScript with named exports and a clear folder structure
Prettier + ESLint preconfigured
Reduced-motion safe throughout — respects user accessibility settings
Self-hosted avatars, fonts and flags — no external runtime dependencies

Online Starter Kit Builder (on the live demo)

Prefer to start lean? After purchase you can open the Starter Kit Builder on our live demo, pick your layout, skin, theme mode, pages and languages, and download a tailored starter project — a clean, runnable subset of this exact template (the same shell and components, nothing invented). It’s a hosted convenience tool on the demo, not a separate file in this download.

Note: Luminaux is a front-end template. It connects to a REST API of your choosing; no backend is included.

Luminaux - Multipurpose React Tailwind Admin & Dashboard Template