Fully Modular Architecture
Lazy-loaded route modules keep your initial bundle tiny. Every page section is an independent Angular module you can include or strip as needed.
Adminox gives you a production-ready Angular 22 admin panel with 70+ components, 6 layout modes, 3 chart libraries, NgRx state management, and every screen you'll need — all in one elegant package.
Technology Stack
Every dependency is handpicked for performance, longevity, and developer experience.
Why Adminox
A focused set of features that accelerate real projects, not a bloated kitchen-sink.
Lazy-loaded route modules keep your initial bundle tiny. Every page section is an independent Angular module you can include or strip as needed.
Switch between Vertical, Horizontal, Dark Sidebar, Light Topbar, Condensed Nav, and Boxed Width — all at runtime via the built-in theme customizer.
Reactive global state with NgRx Signals (v21) — the modern successor to NgRx Store. A working Counter demo is included to show the pattern end-to-end.
Login, Signup, Password Reset, and Confirm pages wired to a fake-backend interceptor. Real API integration is one interceptor swap away.
Dozens of chart types across ApexCharts, Apache ECharts, and Chart.js — line, bar, pie, donut, scatter, heatmap, candlestick and more.
Multi-step wizard, rich-text CKEditor, drag-and-drop file upload, color picker, date/time picker, range slider, typeahead, and full form validation.
Calendar, Chat, Email client (Inbox / Read / Compose), Project list, Task list, and Kanban board — fully working Angular components, not static mockups.
Every layout adapts seamlessly from 320 px mobile to 4K displays. Bootstrap 5's grid system and flexbox utilities do the heavy lifting.
Prettier formatting, strict TypeScript, standalone components, HTTP interceptors, AuthGuard, Cookie service, and Loader service — all pre-configured.
All Included Pages
From a polished dashboard to error pages — every screen your admin panel needs is already built.
Layout System
Switch between any layout at runtime using the built-in right-sidebar customizer — no code changes needed.
Dark left sidebar with collapsible navigation and light content area.
Light sidebar and light topbar for a clean, minimal aesthetic.
Navigation moves to the topbar — ideal for wide, content-heavy dashboards.
Deep navy sidebar with dark topbar — great for data-heavy admin panels.
Icon-only sidebar expands on hover — maximises content real estate.
Fixed-width centered container — elegant on large monitors.
Data Visualization
Pick the right tool for every visualization scenario — all pre-integrated and ready to populate with real data.
Modern SVG-based charts with smooth animations. The go-to choice for interactive business dashboards.
Powerhouse chart library from Apache — handles millions of data points with GPU-accelerated Canvas rendering.
The most widely adopted open-source chart library. Lightweight, flexible, and universally understood by developers.
UI Component Library
From basic buttons to advanced drag-and-drop interactions — all included and Angular-ready.
Quick Start
Node.js 18+ and the Angular CLI are the only prerequisites.
Grab the source from your download and navigate into the app folder.
Uses npm with an enforced lockfile for reproducible installs.
Open http://localhost:4200 in your browser and you're live.
Use these credentials on the Login page to explore the full template without setting up a backend. The fake-backend interceptor handles authentication locally.
Codebase
Everything lives where you expect it — no surprises when you open the project for the first time.
FAQ
@angular/build). TypeScript 6.0 and the latest Angular CLI are used throughout.
signal() and computed() primitives are used for local component state.
pages/other/other-routing.module.ts), and add a menu entry in layouts/shared/menu/menu.ts. That's it — the sidebar and horizontal menu will pick up the new route automatically.
ng add @angular/ssr and reviewing browser-only dependencies.
packageManager in package.json. You can also use pnpm or Yarn, but you may need to delete package-lock.json first.