Description

Apex Dashboard v3.1.1 — October 13, 2026

v3.1.1 patch: The backend example now works interactively on static hosting. Create, edit, delete, search, filter, paginate, switch demo roles/workspaces, and reset sample tasks. Changes stay in the current page and reset on reload or leaving. A sample-data banner remains visible; demo switching provides no authentication. Genuine server failures remain visible as connection errors. Setup instructions now live in the documentation in both apps.

Build admin dashboards faster with a complete dashboard and independent starter. This release adds working component recipes, page/resource scaffolding, an authenticated backend reference, and validation of the exact customer ZIP.

• Faster customization: generate pages and resources with navigation registration, fixtures, tests, and Storybook states. Try validated contact forms and resource CRUD with search, pagination, confirmed deletion, loading, empty, and recoverable error states at /recipes.
• Authenticated backend example: a same-origin Node/SQLite server with HttpOnly sessions, CSRF protection, persistent tasks, and server-enforced roles and tenant isolation. The hosted demo includes an interactive workspace with clearly labeled sample data, simulated accounts and disposable edits. Run the included server locally for real authentication and persistence. Setup is explained at /docs/backend-example.
• Performance: theme customization and command search load on demand; CSS entrances respect reduced motion. JavaScript budgets and reproducible benchmarks run in CI.
• Release validation: clean installs, verification, Storybook builds, Chromium/Firefox/WebKit functional and authenticated browser tests, and visual comparisons all pass after unpacking the same ZIP in both apps. The suite includes 216 theme/mobile/RTL visual baselines; dependency audits reported zero vulnerabilities at release validation.
• Upgrade guidance: Node 24.21.0 is the development default; supported engines are Node 22.22.2+, Node 24.15.0+, or Node 26+. Node 20 is unsupported. Read the upgrade guide and changelog before migrating.

Apex Dashboard: Production-Ready Next.js 16 Admin Template

A feature-rich admin dashboard built with Next.js 16, React 19, TypeScript 7, Tailwind CSS v4, and shadcn/ui — 220 prerendered HTML files, fully responsive, dark/light/system themes, RTL support, and everything you need to ship a real admin panel fast.

12 Dashboard Variations

• Overview – Stats cards with sparkline charts, revenue area/bar chart, traffic pie chart, monthly goals, recent orders table, and activity feed
• Analytics – Line and bar charts with time-period filters (7d/30d/90d/1y), date range picker, top pages ranking, geographic traffic on a world map
• eCommerce – Sales statistics, daily sales chart, order status donut, top products with sparkline trends, category breakdown
• CRM – Pipeline value overview, deal stages donut chart, lead sources breakdown, and filterable deals table
• SaaS – MRR/ARR growth metrics, subscription plans donut, user growth trends, churn rate tracking
• Project – Sprint burndown against an ideal line, cumulative-flow bands with a brush, and a milestone list with per-owner progress and on-track/at-risk/late status
• Finance – Cash-flow waterfall, dual-axis P&L, receivables ageing, margin by product line
• HR – Population pyramid by age band, headcount and attrition trends, nested department breakdown
• Marketing – Cohort-retention heatmap, spend-versus-return bubble chart, channel attribution funnel
• Academy – Score histogram with p50 and mean reference lines, completion rings per learning path
• Logistics – World-map choropleth with route arcs, radial hub-capacity gauges, delivery performance
• AI Usage – Latency percentiles (p50/p95/p99), cost per 1k tokens on a dual axis, spend against budget

20+ Application Pages

• Chat – Real-time messaging UI with scrollable conversation list, message bubbles, emoji picker, file attachments
• Mail / Inbox – Email client with folder navigation (Inbox, Sent, Drafts, Trash), compose dialog, search
• File Manager – Grid and list views, drag-and-drop upload via react-dropzone, storage usage stats
• Kanban Board – Drag-and-drop task management with configurable columns via @hello-pangea/dnd
• Calendar – Monthly view with event creation, editing, and deletion
• Wizard – Multi-step form with per-step validation using React Hook Form + Zod
• Full CRUD – Orders, Products, Customers, and Users with TanStack Table (sorting, filtering, pagination, CSV export, mobile card view)
• More Pages – Invoices, Billing, Pricing, Profile, Settings, Support (FAQ), Notifications

Live Theme Customizer

• 6 Color Presets – Default/Teal, Ocean, Sunset, Forest, Berry, Slate
• 3 Density Levels – Compact, Default, Comfortable
• Theme Modes – Dark, Light, System (auto-detects OS preference)
• RTL Toggle – Full right-to-left support for Arabic, Hebrew, Persian
• 6 Layout Presets – Sidebar, mini (hover-expand flyout), compact, floating, top-nav and hybrid; fluid or boxed container, with a /layouts gallery to compare them
• All changes apply instantly and persist via localStorage

Auth & Utility Pages

• Sign In, Sign Up, Forgot Password, Reset Password
• Two-Factor Authentication (OTP input), Email Verification, Lock Screen
• 404 Not Found, 403 Forbidden, 500 Server Error
• Coming Soon (with countdown timer), Maintenance

Developer Experience

• 35+ shadcn/ui Components – Vendored source code, fully accessible, Radix UI primitives with CVA variants
• 10 Chart Types – Area, Bar, Line, Pie, Radar, RadialBar, Treemap, Scatter, Composed, Sparkline (Recharts 3)
• Pro Data Grid – TanStack Table with sticky column pinning, inline cell editing, saved views shareable by URL, row virtualization (50,000 rows with ~30 in the DOM), and a responsive mobile card view
• Type-Safe Forms – React Hook Form + Zod schema validation on every form
• Reduced-Motion Support – CSS route entrances and micro-interactions respect system preferences
• Command Palette – Cmd+K / Ctrl+K fuzzy search across all pages and actions (cmdk)
• Internationalization – 3 languages (English, German, French) with type-safe translation keys
• Storybook – 87 interactive component stories with auto-docs and a dark-mode decorator
• Testing – 682 dashboard Vitest tests and 402 functional browser checks across Chromium, Firefox, and WebKit, plus authenticated, accessibility, visual, and generated-resource suites; the independent starter is validated separately
• Bundle Analyzer – Built-in size analysis via @next/bundle-analyzer
• Documentation Site – Built-in /docs with upgrade and release guides, including Layout Presets, Data Grid, Export, Blocks, Maps, AI Assistant, and a Right-to-Left page that states plainly what does not mirror and why
• Seed/Starter – Minimal version included with all infrastructure (theming, i18n, layouts, 33 UI components) with working recipes and the authenticated example, without the full dashboard showcase

114 Copy-Paste Blocks

• 14 Categories – Stats, charts, tables, feeds, progress, banners, forms, people, commerce, advanced metrics, page shells, authentication, files & media, and AI surfaces
• Every Block Is a Real File – Its source is read from disk at build time and shown beside the live preview, so the code you copy is the code that rendered
• The Count Is CI-Asserted – A test enforces a three-way bijection between catalog entry, file and rendered preview, and the page renders the array length, so the number cannot drift

Export, Print & Data Layer

• Real XLSX With Zero New Dependencies – About 150 lines emitting the OOXML parts plus an 80-line ZIP writer, so workbooks arrive with bold headers, a frozen header row, an autofilter and real cell types
• CSV – RFC 4180 with a UTF-8 BOM for Excel and a guard against formula injection
• Print / Save as PDF – A real print stylesheet, and the Print action expands a paginated or virtualized table first, so you never print ten rows under a footer claiming 120
• Typed Data Layer – A DataProvider abstraction with fixtures served as static JSON, so swapping in your own API means changing one transport rather than editing every page

World Map, AI & Roles

• World Map – Choropleth and route arcs from Natural Earth, projected offline into static path data. No d3-geo, no topojson, no runtime projection, and Natural Earth is public domain so nothing about the licence travels to you
• AI Assistant – A three-pane assistant with tool-call cards and streaming citations, plus a usage dashboard. Ships a scripted adapter and a typed adapter interface; no API keys, and no provider is called from the browser
• Roles & Permissions – Roles, a keyboard-navigable permission matrix, and guard components, with a role switcher to demo them. Documented in the source as a UI affordance rather than security, because a static export cannot enforce anything

Tech Stack

License: MIT  |  View Live Demo →  |