Landing Page Copy
Marketing copy for Luminaux structured as a real landing page — hero, proof, features, showcase, FAQ, and CTA — ready to drop into a site or a ThemeForest description.
Marketing copy for the Luminaux dashboard template, structured as a real landing page (hero → proof → features → showcase → FAQ → CTA). Drop each section into a marketing site or a ThemeForest item description. Pair it with the scannable Feature List.
Screenshots
Screenshots / preview GIFs go where marked Screenshot — …. They're deferred in this revision and can be slotted in without changing the copy.
Hero
Eyebrow: React 19 · Tailwind CSS v4 · TypeScript
Headline: The admin dashboard that ships as a real app — not a static demo.
Subhead: Luminaux is a production-style React template with a fully configurable shell, 13 visual skins, dark mode, 8 languages, and real working apps (chat, calendar, kanban, invoicing) you can adapt — all built on the modern, free, MIT-friendly stack.
Primary CTA: Buy now · Secondary CTA: Live preview
Screenshot — hero: dashboard in default skin, light + dark side by side.
Social proof / trusted-by
Line: Built the way modern teams build — strict TypeScript, token-driven theming, zero throwaway code.
A logo marquee and a metrics band (as seen on the in-app pricing page) reinforce credibility:
- 90+ real pages & routes — every menu item is a working screen, no placeholders.
- 13 switchable designs, 8 languages, 4 chart libraries.
- 100% token-driven theming — recolour the whole app without touching a component.
Screenshot — logo marquee + metrics band.
Value propositions
1. Real application, not a mock-up
Chat, calendar, a Kanban board, an applicant-review workspace, and a live invoice builder are fully interactive and persist their state. Wire them to your REST API and ship — the HTTP client and data layer are already in place.
2. Reshape the whole app without code
A live Customizer and a full Layout Settings page let anyone switch sidebar styles, dark mode, fixed header/footer, chat widgets, page transitions, and more — previewed instantly and remembered per user.
3. Themeable to your brand in minutes
Every colour lives in one place as design tokens. Pick from 13 ready skins, or change a handful of tokens
to match your brand — light and dark stay in sync automatically. No tailwind.config.js to wrangle.
4. Built to last
React 19, Vite 6, Tailwind CSS v4, strict TypeScript, ESLint + Prettier enforced, and only free/MIT libraries — no paid AG Grid Enterprise, no FullCalendar Scheduler, no Motion+ subscription required.
Screenshot — Customizer panel open over the dashboard.
Feature highlights
A configurable shell
Four sidebar modes (default, minified icon-rail, dual rail + panel, header-only), fixed or auto-hiding
header, sticky page header, fixed footer, a mega-menu, global ⌘K search, notifications, and a profile
menu with presence. Save named presets or reset to factory defaults in one click.
13 designs + dark mode
Eleven colour skins (Default, Aqua, Lime, Lilac, Prism, Midnight, Ocean, Graphite, Emerald, Amber, Coral) plus two full designs — Bento Studio and a terminal-style Console. Light / Dark / System modes and an OLED true-black option, all orthogonal to the skin.
45+ UI components
Buttons, cards, badges, alerts, progress, avatars, tabs, accordions, modals, popovers, dropdowns with multi-level submenus, toasts, carousels, lightboxes, pagination, skeletons, a flagship collapsible Panel (portlet), and a deep set of form inputs — every one documented with a live showcase page.
Rich data & charts
A powerful AG Grid Community data grid across six variants (renderers, selection, filters, editing, pinned totals) plus a basic table — and four charting libraries (Recharts, ApexCharts, ECharts, Chart.js), all theme- and skin-aware so they recolour instantly.
Real apps you can adapt
- Chat — full messenger + floating bubble + pinned rail, groups, reactions, replies, emoji, drafts.
- Calendar — month/week/day/list, drag to reschedule, recurring events,
.icsimport/export. - Scrumboard — drag-and-drop Kanban with quick-add, filters, and a task modal.
- Contacts — applicant-review workspace with tabs, ratings, tags, bulk actions, CSV export.
- Invoice builder — live preview, three templates, print-to-PDF, styled
.xlsxexport.
Complete page sets
Seven authentication screens (two login/register variants, forgot, reset, lock), a five-page settings hub, twelve client-safe HTML email templates, 404/500/503 error pages, cookie-consent in three styles, and an FAQ / help-center page.
Internationalization
Eight languages out of the box (English, French, Dutch, German, Spanish, Portuguese, Chinese, Japanese) with a flat-key i18n system, per-language lazy loading, CJK fonts, and a DeepL-powered translation tool.
Motion, done responsibly
A tokenized animation system with page transitions, branded loaders, and reusable effects — all built on the free Motion core and globally respectful of "reduce motion."
Screenshot gallery — skins, apps, data grid, charts, email templates.
What's included
- Full React 19 + Vite 6 + TypeScript source (strict mode, ESLint + Prettier configured).
- Tailwind CSS v4 CSS-first theming with a documented token system.
- 90+ pages across dashboards, components, data, pages, and settings.
- Five working applications with local persistence and a ready REST API client.
- 13 skins, 8 languages, 4 chart libraries, an MIT data grid and calendar.
- Extensive documentation — a developer guide, an end-user Help Center, and this marketing kit.
- Self-hosted avatars, flags, and photos (no external image dependencies).
See the complete Feature List.
Tech stack
| Concern | Choice |
|---|---|
| Framework | React 19 + TypeScript (strict) |
| Build | Vite 6 |
| Styling | Tailwind CSS v4 (CSS-first) + small SCSS structural layer |
| Routing | React Router 7 |
| Data grid | AG Grid Community (MIT) |
| Charts | Recharts · ApexCharts · ECharts · Chart.js |
| Calendar | FullCalendar v6 (MIT plugins) |
| Drag & drop | dnd-kit |
| Animation | Motion (free core) |
| i18n | i18next + react-i18next |
Everything is free/MIT-compatible — you owe no upstream subscription to run it. Full details in the developer Getting Started guide.
Who it's for
- SaaS teams who need an admin/back-office UI that already works and looks professional.
- Agencies building client dashboards fast, with a brandable token system.
- Developers who want a clean, strict-TypeScript codebase to extend — not untangle.
FAQ
Do I need a backend to run it? No. It runs standalone; app data persists to the browser. Point the included API client at your server when you're ready.
Is it really free of paid dependencies? Yes — AG Grid Community, FullCalendar MIT plugins, and the free Motion core. No enterprise licences or subscriptions.
Can I match my brand colours? In minutes — change design tokens or pick one of 13 skins; light and dark update together.
Which languages are translated? English and Japanese are fully translated out of the box; the other six are one command away via the included DeepL tool.
How do I add a page? Three small edits (a route, a menu item, a label) — documented in Getting Started.
Is there documentation? Yes — a full developer guide, an end-user Help Center, and this marketing kit.
Call to action
Ship your dashboard this week, not this quarter.
Luminaux gives you the shell, the components, the apps, and the docs — all production-quality, all themeable, all yours to extend.
Buy Luminaux · View the live preview · Read the docs
Screenshot — final CTA banner.
Related
Was this page helpful?
