Feature List

A scannable, exhaustive list of what's in the box — for a ThemeForest item description or a "compare" page. Prose version: Landing Page Copy.

At a glance

• React 19 · Vite 6 · TypeScript (strict) · Tailwind CSS v4 (CSS-first, no config file)
• 90+ real pages — every sidebar item routes to a working screen (no placeholders)
• 13 visual designs · Light / Dark / System · OLED true-black
• 8 languages · flat-key i18n · lazy-loaded · DeepL translate tool
• 5 working applications with local persistence + a ready REST API client
• Only free / MIT-compatible libraries — no paid add-ons
• Developer docs + end-user Help Center + marketing kit

Configurable shell

• Four sidebar modes: default, minified icon-rail (hover-expand), dual (rail + panel), header-only
• Dark sidebar and OLED true-black sidebar options
• Fixed header, auto-hide-on-scroll header, sticky page header, fixed footer
• Live Customizer panel + full Layout Settings page with live preview
• Named presets + one-click factory reset (keeps you signed in)
• Header mega-menu, global ⌘K command palette, apps launcher, fullscreen toggle
• Notifications panel with actionable rows
• Profile menu with a shared presence store
• Sidebar search, favourites/pinning, live count badges, accordion menu

Theming

• 11 colour skins: Default, Aqua, Lime, Lilac, Prism, Midnight, Ocean, Graphite, Emerald, Amber, Coral
• 2 full designs: Bento Studio (bento-grid home) + Console (terminal look)
• 100% design-token driven — recolour without editing components
• Light / Dark / System modes, orthogonal to skin
• Skin-aware fonts and home dashboard

Components (45+)

• Buttons, Cards, Badges, Alerts, Progress (+ rings), Avatars (+ groups), Skeletons
• Tabs (4 styles), Accordion, Modals (all sizes + side/bottom sheets), Popover
• Dropdowns with multi-level submenus, Toasts (positioned), Breadcrumbs, Pagination (4 styles)
• Carousel (slide/fade/autoplay/swipe), Lightbox (grid/masonry/hero)
• Flagship collapsible Panel (portlet): collapse, refresh, maximize, drag-reorder, 5 header styles
• Widgets gallery: KPI tiles, donut/gauge charts, bar cards, heroes, order tracking, cloud-console sets
• Searchable, click-to-copy Icons browser

Forms

• Inputs, textarea, select, checkbox, radio, switch, labels, hints, field errors
• Date / time / date-range pickers, colour picker, tags input, phone input, OTP input, file upload
• Sliders, steppers, toggle groups, rating, inline-editable values
• Rich-text editors (bold/italic/underline, headings, lists, links, alignment)
• Live validation with inline errors; six dedicated form showcase pages

Data & charts

• AG Grid Community across six variants: default, cell renderers, row selection, search & filters, editable, pinned & totals
• Basic (hand-styled) table
• Four chart libraries: Recharts, ApexCharts, ECharts, Chart.js — all theme/skin-aware
• Staggered grid row entrance, animated numbers, sparklines

Dashboards (8)

• Skin-dependent home: CRM / Bento / Console
• Analytics · eCommerce · Project · Finance · Marketing

Applications (5)

• Chat — full page + floating bubble + pinned rail, DMs & groups, reactions, replies, emoji, image attach, drafts, persistence
• Calendar — month/week/day/list, drag-reschedule, resize, click-create, recurring events (rrule), .ics import/export
• Scrumboard — dnd-kit Kanban, drag across/within columns, quick-add, filters, task modal
• Contacts — applicant review: list/detail, tabs, ratings, tags, bulk actions, CSV export, deep links
• Pricing — full marketing landing page kit

Page sets

• Authentication (7): Login + Login V2, Register + Register V2, Forgot, Reset, Lock
• Settings hub (5): Profile, Site, Permissions, Payment, Mail
• Email templates (12): welcome, order confirmation, payment due, forgot password, activate, birthday, large/small table, product drop, wrapped, winback, preferences
• Error pages (3): 404, 500, 503
• Cookie consent (3): bar, boxed, advanced panel
• FAQ / Help Center · Invoice builder (PDF + .xlsx export)

Internationalization

• 8 languages: English, French, Dutch, German, Spanish, Portuguese, Chinese, Japanese
• 24 translation namespaces, flat keys, per-file lazy loading
• CJK fonts (Noto Sans JP / SC) loaded on demand
• DeepL translation tool (npm run i18n:translate)

Motion

• Tokenized durations/easings/springs (single source of truth)
• Selectable page transitions, branded splash + route loaders
• Reusable effects: typewriter, scramble, tilt, parallax, reveal, hero canvases, animated numbers
• Globally respects "reduce motion"

Engineering

• Strict TypeScript, ESLint (flat config), Prettier — all configured
• Single-source route registry; menu and router can't drift
• REST API client with bearer-token attach and typed errors
• Browser persistence with a registered key list + factory reset
• Self-hosted avatars, flags, and photos — no external image hosts

Documentation

• Developer guide (34 reference guides): architecture, theming, layout, components, motion, apps, pages, data-viz, i18n, hooks, utilities
• End-user Help Center — every screen, how to use it
• Marketing kit — this checklist + Landing Page Copy

Related