Apex Dashboard — Shadcn Next.js 16 Admin Template

Description

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

A feature-rich admin dashboard built with Next.js 16, React 19, TypeScript 6, Tailwind CSS v4, and shadcn/ui — 216 prerendered pages, 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
• Smooth Animations – Framer Motion page transitions and micro-interactions
• 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 – 80 interactive component stories with auto-docs and a dark-mode decorator
• Testing – 636 Vitest unit tests across 26 files and 99 Playwright E2E tests, including an axe-core accessibility sweep over 16 routes in both themes and under RTL
• Bundle Analyzer – Built-in size analysis via @next/bundle-analyzer
• Documentation Site – Built-in /docs with 20 pages, 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) but zero demo pages

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 →  |