Description
Admindek Dashboard — Angular Edition is a premium admin dashboard built with Angular 21, Signals, TypeScript 5, Tailwind CSS v4, and Spartan UI. Zero-backend static SPA — drops onto any host. 80+ pages, 9 dashboard variants, 58 ApexCharts instances, and every widget a modern SaaS needs.
9 Dashboard Variants
- Analytics — KPI sparklines, real-time area chart, device breakdown, world distribution map, transactions table, server gauges, customer sentiment, live activity feed
- CRM — Transactions, news bar, sales leaderboard, calls + leads donuts, recent users, markets list with sparklines
- Crypto — Wallet hero cards, Bitcoin vs Ethereum statistics, animated expandable market overview, portfolio chart
- eCommerce — Order progress, yearly summary toggle, earnings, recent orders
- Finance — Credit-card hero, mini stat sparklines, cashflow bar, spending breakdown, category donut, transaction history
- HR — Headcount KPIs, headcount trend, department donut, gender radial, attendance, applications + leave-request tables
- Marketing — Visitor / lead / conversion / ROI sparklines, campaign performance, traffic donut, email metrics, social media chart
- Project — Project KPIs, reply bar chart, stats donut, user-projects table
- SaaS — KPI sparklines, revenue growth, revenue-by-plan donut, conversion funnel, customer growth
9 App Pages
- Chat — Three-pane layout, channels, messages, attachments, emoji picker
- Email — Folders, list, preview, star + flag actions, search
- Calendar — Month / week / day views, drag-to-reschedule
- File Manager — Storage bar, folder + file grid, drag-and-drop upload
- Task Board — Kanban with four columns, drag-and-drop via Angular CDK
- Notifications — Grouped feed (Today / Earlier), unread badges
- Gallery — Lightbox-enabled grid with category filters
- Users — Full CRUD via hlmDialog with form validation
- Invoices — Full CRUD: list / detail / create / edit, line-item FormArray
Commerce Pages
- Products — List + grid views, full CRUD, image gallery FormArray, stock state
- Cart — localStorage-persisted line items, quantity adjusters, totals
- Orders — List with status filters, detail with timeline
- Wishlist — Grid with add-to-cart and remove actions
18 Auth + 5 Settings Pages
- Two visual styles (V1 card-centered, V2 split-with-feature-list) × 9 flows: Login, Register, Forgot Password, Reset Password, Verify Email, Two-Factor, Lock Screen, Account Disabled, Password Changed
- 5 settings pages: Profile, Personal, Account, Password, Email
- Mock AuthService — swap in your real auth when ready
Live Theme Customizer
- 10 color presets — Ocean Blue, Royal Purple, Rose Pink, Crimson Red, Vibrant Orange, Golden Yellow, Forest Green, Aqua Cyan, Dark, Navy
- Light / Dark / System theme with localStorage persistence
- Sidebar variant (dark / light), captions (show / hide)
- Layout — full-bleed or boxed (1440px centered)
- Direction — LTR or RTL
- All settings persist + apply via signals — no page reload
Cmd+K Command Palette
Press ⌘+K or Ctrl+K for a searchable palette of every nav destination plus a Toggle Theme action.
Developer Experience
- Local Spartan helm primitives — 18 vendored components — your code, not a dependency
- 58 ApexCharts across the dashboards via ng-apexcharts
- TanStack Angular Table v8 — sorting, filtering, pagination, sticky header, pinned columns, expandable rows, selection (9 demos)
- TipTap rich text editor — 12 extensions including tables, task lists, character count
- Drag-and-drop Kanban via Angular CDK
- i18n — English, German, French with runtime locale switching
- Vitest — Jasmine-style globals, jsdom; 45 unit tests included
- Cross-browser smoke tests — Chromium, Firefox, WebKit on 10 representative routes
- Built-in /docs site — 13 pages covering getting-started, theming, components, deployment
Tech Stack
| Framework | Angular 21 (standalone, zoneless) |
| Language | TypeScript 5 (strict mode) |
| State | Angular Signals + effects |
| Styling | Tailwind CSS v4 with OKLCh color tokens |
| Components | Spartan UI (18 vendored helm primitives) |
| Charts | ng-apexcharts (10 chart types) |
| Tables | TanStack Angular Table v8 |
| Build | Angular CLI + esbuild |
| Testing | Vitest (Jasmine-style globals, jsdom) |
License: Commercial | View Live Demo
Pricing
