Description
Apex Dashboard — Angular Edition is a premium admin dashboard template built with Angular 21, signals + zoneless change detection, Tailwind CSS v4, Spartan UI, and ApexCharts. Production-ready out of the box with 60+ pages across 9 dashboards, full e-commerce CRUD, auth flows, theme customizer, and built-in SSR + PWA support — type-checked end-to-end, lazy-loaded by route, and ESLint-clean.
Why Apex Angular?
- Angular 21 zoneless rendering — every UI state driven by signals, not zone.js. Faster boots, predictable updates, smaller bundles
- Tailwind CSS v4 with OKLCh tokens — perceptually-uniform colors that work in light and dark with no token duplication
- Spartan UI primitives — 40 vendored shadcn-style headless components on Angular CDK, fully customizable
- Lazy-loaded routes — initial bundle < 200 kB gzipped; every page lands in its own chunk
- ESLint + Prettier + Husky pre-configured — zero-lint-error baseline, formatted on every commit
9 Dashboard Variants
- Overview — Revenue chart, traffic donut, recent orders with sparkline trends, activity feed
- Analytics — Line/bar charts with period switcher, top pages, geographic table
- eCommerce — Sales overview, order status, top products with sparklines
- CRM — Pipeline value, deal stages, lead sources, top sales reps
- SaaS — MRR/ARR metrics, subscription plans, acquisition funnel, churn rate
- Charts gallery — Radar, radial bar, scatter, treemap, combo
- Logistics — Fleet tracking with live route schematic, shipments table, vehicle status
- Crypto — Portfolio balance, allocation pie, 7-day BTC candlestick, watchlist with sparklines
- Projects — Project cards with progress, 6-week gantt roadmap, status filters
Full Commerce CRUD
- Orders — List, detail with timeline, edit form, sparkline trends, status filters
- Products — List, detail with gallery + reviews, add/edit form, image dropzone
- Customers — List, profile with lifetime stats + order history, add/edit, notes
- Invoices — List, printable preview, line-item editor with FormArray, status filters
14 Authentication Pages
- 2 layouts — split-screen cover and centered card; pick per route
- Login, register, forgot, reset, verify email, 2FA, lock — every flow under
/auth/v1/*and/auth/v2/* - Real form validation, password-strength meter, 6-slot OTP with paste support, OAuth stubs
- 5 error pages — 404, 403, 500, maintenance, coming soon with live countdown
App Modules
- Mail — 3-pane folder rail, search across body/subject/from, real Compose + Reply + Forward modal with quoted body
- Chat — Conversation rail with presence dots, threaded view, live composer with delivery states
- Files — Grid/list views, breadcrumb navigation, star toggles, 8 file-type icons
- Calendar — Month + week view, hour grid, clickable event detail modal, in-app new-event editor
- Kanban — 4-column board with priority pills, drag handles, click-to-edit task modal, per-column add
- Wizard — 4-step project setup with per-step validation and signal-driven step indicator
- Forms showcase — Reactive Forms primer + advanced page with TipTap editor, file dropzone, tags input, date range, multi-select
Team & Settings
- Settings multi-tab — Account, Security (2FA, passkeys), Notifications matrix, Connections, API keys, Sessions
- Profile multi-tab — Overview with skills + activity, Edit, Security score, Activity timeline
- Roles & Permissions — Sidebar role list with 16-scope matrix, grant-all per group, built-in lock
- Contacts — Searchable address book with star, filter chips, 8 sample contacts
- Tasks — Todo with lists sidebar, priority filter, inline add form, signal counts
- Users — Team list with role + status filters
- Notifications — Filter pills, mark-all-read, type-based grouping
- Billing — Plan card, usage bars, history table, downloadable invoices
Content Modules
- Blog — Category filter, search, featured post layout, full post page with related
- Academy — Courses grid with progress bars, level filter, “Continue learning” hero
- Knowledge Base — 6 section cards, popular articles, search across all articles
- UI showcase — Components, Icons (90 curated Lucide), Typography pages
Theme Customizer
- 7 sections — Theme (light/dark/system), Color preset, Density (compact/default/comfortable), Layout, Container (fluid/boxed), Direction (LTR/RTL), Language
- Live preview across the whole app — every change writes to CSS variables on
<html> - 3 locales — English, German, French with type-safe
t('key.path')API - Persisted to localStorage — buyer preferences survive reload
Production-Ready Infrastructure
- SSR + PWA wired —
pnpm build:ssr+pnpm serve:ssrfor Express-served server rendering, plus ngsw-config.json for offline-first caching - MSW mock API layer — opt-in via env flag, sample REST handlers for offline-friendly demos
- GitHub Actions CI — format check + lint + tests + build + dist artifact, ready to fork
- Vitest test suite — 58 specs across services, runs in 3 seconds
- Husky + lint-staged — every commit auto-formats and lints staged files
Documentation
- 12-page in-app docs site at
/docs— getting started, folder structure, adding pages, theming, i18n, signals, components, charts, form wizard, deployment, changelog - Fully editable, brandable, and SEO-indexable as Angular routes
Tech Stack
| Framework | Angular 21 standalone components, zoneless change detection |
| Language | TypeScript 5.9 (strict mode) |
| Styling | Tailwind CSS v4 with OKLCh design tokens + tw-animate-css |
| Components | Spartan UI (40 vendored helm primitives on Angular CDK) |
| Icons | @ng-icons/lucide (1,900+ icons available) |
| Charts | ApexCharts via ng-apexcharts — lazy-loaded |
| Forms | Reactive Forms + Signal Forms ready |
| Rich text | TipTap 3 with formatting toolbar |
| SSR | @angular/ssr with Express engine |
| PWA | @angular/service-worker + ngsw-config.json |
| i18n | Custom typed I18nService — en / de / fr |
| Testing | Vitest + jsdom (58 specs) |
| Mock API | MSW (Mock Service Worker) — opt-in |
| Build | Angular CLI 21 + esbuild |
| Package manager | pnpm (npm + yarn supported) |
License: Commercial | View Live Demo
Pricing
