Luminaux – Multipurpose React Tailwind Admin Dashboard Template

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