Description

Admindek Dashboard — Angular 21 Admin Template, Zoneless & Signal-Driven

A premium admin dashboard built with Angular 21, Signals, TypeScript 5, Tailwind CSS v4, and Spartan UI. Zero backend, fully static SPA — drops onto any host (Cloudflare Pages, Netlify, Vercel, S3, GitHub Pages). 80+ pages, 9 dashboard variants, 58 ApexCharts instances, and every widget a modern SaaS needs.

Why the Angular Edition?

• Zoneless change detection — no zone.js. State flows through signals and effects, giving predictable rendering and lighter runtime
• Standalone components everywhere — no NgModule boilerplate. Every component, directive, and pipe is standalone and tree-shakeable
• Spartan UI primitives — accessible, unstyled component building blocks (hlmBtn, hlmCard, hlmDialog…) on top of Angular CDK
• Static SPA, zero backend — buyers wire up their own API when ready. Mock services included for every data surface
• 1:1 design parity with the Next.js, Laravel, and HTML editions of Admindek

9 Dashboard Variants

• Analytics — 4 KPI sparklines, real-time area chart, device breakdown, world distribution map, transactions table, server gauges, customer sentiment, live activity feed
• CRM — Transactions, news bar chart, sales leaderboard, calls + leads donuts, recent users, markets list with sparklines
• Crypto — Wallet hero cards, Bitcoin vs Ethereum statistics chart, animated expandable market overview rows, portfolio chart with total earnings
• 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, top pages
• Project — Project KPIs, reply bar chart, stats donut, user-projects table
• SaaS — KPI sparklines, revenue growth, revenue-by-plan donut, conversion funnel, customer growth, top metrics, transactions

9 App Pages

• Chat — Three-pane layout with channels, messages, attachments, emoji picker
• Email — Folders, list, preview, star + flag actions, search
• Calendar — Month / week / day views via angular-calendar, drag-to-reschedule
• File Manager — Storage bar, folder + file grid, drag-and-drop upload zone
• Task Board (Kanban) — Four columns, drag-and-drop via Angular CDK, priorities, assignees, due dates
• Notifications — Grouped feed (Today / Earlier), unread badges
• Gallery — Lightbox-enabled image grid with category filter chips
• Users — Full CRUD via hlmDialog with form validation, role badges
• Invoices — Full CRUD: list / detail / create / edit, line-item FormArray, computed totals

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, order detail with timeline
• Wishlist — Grid with add-to-cart and remove actions

18 Auth + Account 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 ships login / register / forgot / OTP — 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 anywhere for a searchable palette of every nav destination, plus a Toggle Theme action. Custom implementation for compatibility with lazy-loaded routes.

Developer Experience

• Local Spartan helm primitives — 18 vendored components (button, card, dialog, sheet, command, dropdown, etc.) — 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 feature demos)
• TipTap rich text editor — 12 extensions including tables, task lists, character count, text alignment
• Drag-and-drop Kanban via Angular CDK
• i18n — English, German, French with runtime locale switching (custom service, no @angular/localize)
• 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, i18n

Tech Stack