Pages Catalog
A scannable index of every page in Luminaux, grouped by sidebar area with its route and purpose.
Every sidebar menu entry routes to a real, working page — nothing renders a placeholder. This catalog mirrors
the sidebar structure (src/data/menu.ts) so you can find any screen by area. For deep coverage of a feature,
follow the links at the bottom or in each section.
How routing works
A page is "real" once it has an entry in src/routes.tsx. Adding a menu leaf without a route auto-renders a
friendly titled placeholder, so navigation never breaks. See
Architecture & Routing.
Dashboards
The home route (/) is skin-dependent: BentoDashboard for the Bento skin, ConsoleDashboard for
Console, else the CRM dashboard.
| Page | Route | What it is |
|---|---|---|
| CRM Dashboard | / | The default home — pipeline, activity, leaderboard, KPIs. |
| Analytics Dashboard | /dashboards/analytics | Traffic, funnels, and audience charts. |
| eCommerce Dashboard | /dashboards/ecommerce | Orders, revenue, product and store metrics. |
| Project Dashboard | /dashboards/projects | Task/Gantt/Kanban strips and team rosters. |
| Finance Dashboard | /dashboards/finance | Cashflow, balances, and transaction feeds. |
| Marketing Dashboard | /dashboards/marketing | Campaigns, traffic, and conversion widgets. |
Applications
Full-featured demo apps with real state and localStorage persistence.
| Page | Route | What it is |
|---|---|---|
| Scrumboard | /apps/scrumboard | A Kanban/Scrum board on @dnd-kit — drag across columns, task modal, filters. |
| Chat Widget | /apps/chat | A full-bleed workspace messenger — multi-pane threads, groups, emoji, drafts. |
| Contact Applications | /apps/contacts | A two-pane applicant-review app — list/detail, tabs, bulk actions, CSV export. |
| Pricing Tables | /apps/pricing | A marketing pricing landing page with reusable pricing sections. |
| Calendar | /apps/calendar | A FullCalendar-based events calendar — views, recurrence, .ics import/export. |
Layout & Page Layouts
Live layout previews (each applies a config patch on mount and reverts on leave) plus the full settings surface.
| Group | Routes | What it is |
|---|---|---|
| Sidebar Modes | /page-layouts/{default, minified, dual, header-only} | The four sidebar presentations. |
| Sidebar Theme | /page-layouts/{sidebar-light, sidebar-dark, sidebar-black} | Light / dark / true-black sidebar. |
| Navigation | /page-layouts/{fixed-navbar, auto-hide-navbar, sticky-header, primary-nav, accordion-menu, fixed-footer} | Nav and header behavior toggles. |
| Widgets | /page-layouts/{chat-bubble, chat-rail, cursor-glow} | Optional shell widgets. |
| Feedback & Motion | /page-layouts/{toast-position, page-transition, page-loader, splash-frequency} | Toast, transition, loader, and splash options. |
| Layout Settings | /layout-settings | The full-page twin of the Customizer — every shell config key. |
Components & UI Elements
The UI-kit showcase pages under /ui/*, each demoing several variations of a primitive.
| Page | Route | What it is |
|---|---|---|
| Accordion | /ui/accordion | Single/multiple disclosure with animated bodies. |
| Alerts | /ui/alerts | Tones, variants (soft/solid/outline/accent), dismissible. |
| Badges | /ui/badges | Variants, sizes, removable, avatars, count bubbles. |
| Buttons | /ui/buttons | Variants, sizes, loading, pill, icon buttons. |
| Carousel | /ui/carousel | Slide/fade modes, autoplay, arrows/dots, drag-to-swipe. |
| Dropdown | /ui/dropdowns | Menus with 3-level submenus and checkbox items. |
| Lightbox | /ui/lightbox | Thumbnail grid → portal viewer, keyboard nav. |
| Modals | /ui/modals | Sizes, side sheet, warp overlay demo. |
| Motion | /ui/motion | The canonical demo of every reusable motion FX. |
| Pagination | /ui/pagination | Variants, sizes, ellipsis gaps. |
| Panels | /ui/panels | The portlet card — variants, collapse/refresh/maximize, drag-reorder. |
| Progress | /ui/progress | Bars, striped/indeterminate, ProgressRing. |
| Notifications | /ui/notifications | Toast trigger gallery. |
| Tabs | /ui/tabs | Underline / pills / segmented / boxed. |
| Typography | /ui/typography | Type scale, faces, article sample. |
| Widgets | /widgets | The widgets gallery — KPI tiles, chart.js donut/gauge, hero, order tracking. |
| Icons | /icons | The lucide icon browser — search + click-to-copy. |
Forms
The /forms/* demo pages (form primitives plus validation and editors).
| Page | Route | What it is |
|---|---|---|
| Form Elements | /forms/elements | Inputs, selects, checkboxes, radios, fields. |
| Form Layouts | /forms/layouts | Common form arrangements. |
| Form Plugins | /forms/plugins | Date/time pickers, rich selects, and plugin controls. |
| Form Validation | /forms/validation | A pure validate() helper returning i18n error keys. |
| Inline Editable | /forms/inline-editable | Click-to-edit inline fields. |
| Editors | /forms/editors | Tiptap rich-text editors. |
Data — Tables & Charts
| Page | Route | What it is |
|---|---|---|
| Data Grid: Default | /tables/data-grid/default | AG Grid Community baseline. |
| Data Grid: Cell Renderers | /tables/data-grid/renderers | Custom cell components. |
| Data Grid: Row Selection | /tables/data-grid/selection | Checkbox/row selection. |
| Data Grid: Search & Filters | /tables/data-grid/search | Quick filter + column filters. |
| Data Grid: Editable | /tables/data-grid/editable | Inline cell editing. |
| Data Grid: Pinned & Totals | /tables/data-grid/pinned | Pinned columns and footer totals. |
| Basic Table | /tables/basic | A styled non-grid table with entrance animation. |
| Recharts | /charts/recharts | Recharts chart gallery. |
| ApexCharts | /charts/apexcharts | ApexCharts gallery. |
| ECharts | /charts/echarts | ECharts gallery (incl. Sankey). |
| Chart.js | /charts/chartjs | Chart.js gallery. |
All charts pull theme/skin-aware colors from useChartTokens(), so they re-skin live.
Pages
| Page | Route | What it is |
|---|---|---|
| FAQ | /faq | A help-center FAQ page. |
| Invoice | /invoice | A live invoice builder — 3 templates, print-to-PDF, real .xlsx export. |
| Email Templates | /email/* | 12 client-safe HTML emails + a two-pane in-app browser. |
| Error Pages | /error/{404, 500, 503} | Three immersive full-bleed error pages. |
| Cookie Consent | /cookies/{v1, v2, v3} | Banner bar (v1), boxed (v2), and an advanced panel (v3). |
Authentication
Seven standalone screens that render outside the shell (see Authentication).
| Page | Route |
|---|---|
| Login V1 / V2 | /auth/login, /auth/login-v2 |
| Register V1 / V2 | /auth/register, /auth/register-v2 |
| Reset Password | /auth/reset-password |
| Forgot Password | /auth/forgot-password |
| Lock Screen | /auth/lock-screen |
Settings
A unified settings hub sharing one ProfileHeader shell and a right rail (presentational — local state +
a save toast).
| Page | Route | What it is |
|---|---|---|
| Profile | /settings/profile | Personal info, social links, password. |
| Site Settings | /settings | General, logo, regional, appearance, feature toggles. |
| Permissions | /settings/permissions | Role cards + a permission matrix + team members. |
| Payment | /settings/payment | Plan, usage, saved cards, billing history. |
/settings/mail | Provider config (SMTP/API) + send-test. |
Related
Was this page helpful?