Luminaux - Multipurpose React Tailwind Admin & Dashboard Template

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.