Description
ArchitectUI Angular Pro – Admin Dashboard Theme
The most comprehensive Angular admin dashboard, now fully modernized with Angular 22, Bootstrap 5 and a complete right-to-left build.
ArchitectUI Angular Pro delivers a complete admin dashboard solution built on the latest Angular framework: 95 ready-made routes, nine dashboards, three full applications, and both the Bootstrap and Angular Material component sets — shipped as SCSS source you own and can rebrand.
View the live demo · View the RTL demo
Why ArchitectUI?
Modern Stack, Zero Legacy Built on Angular 22.1 with Bootstrap 5.3 and Angular Material 22 – no jQuery, no deprecated dependencies, and zero npm audit vulnerabilities in production dependencies.
Two UI Frameworks in One Combines the flexibility of Bootstrap 5 components via ng-bootstrap 21 with the polish of Angular Material – 30 component families, styled to match. Use whichever works best for you, or mix both.
Right-to-Left Included A single command, npm run build:rtl, produces a complete RTL build from the same source tree. No separate purchase, no forked codebase to keep in sync.
Fast Builds Runs on Angular’s modern esbuild + Vite pipeline (@angular/build), which replaced the deprecated webpack builder. Production builds finish in seconds; the initial bundle is 3.5 MB raw, roughly 750 kB over the wire.
Ready to Use Every page is populated with realistic demo data and needs no backend – npm install, npm start, and it runs.
What’s Included
- 9 Dashboard Variations – Analytics, Advertisement, Management, Helpdesk, Monitoring, Crypto, Project Management, Product and Statistics
- 3 Applications – Chat, Mailbox and a Material Tabs application shell
- 30 Angular Material component families – autocomplete, chips, datepicker, expansion panels, grid list, menu, paginator, slider, snackbar, stepper, tree and more
- Complete UI Components – Cards, modals, tabs, accordions, navigation menus, dropdowns, badges, timelines, ratings and five button styles
- 11 Advanced Form Widgets – ng-select, colour picker, date and time pickers, dropzone file upload, WYSIWYG editor, range slider, typeahead, input masks and clipboard
- Data Visualization – ApexCharts 6 and Chart.js 4.5, plus gauges and sparklines
- Interactive Maps – Leaflet + OpenStreetMap (no API key, no usage billing)
- Data Tables – Bootstrap tables plus Material tables with sorting and pagination
- 6 Authentication Pages – Login, register and forgot password, each in a standard and a boxed layout
- Theme Customization – Theme options drawer for switching header and sidebar colour schemes at runtime
- Layout Features – Collapsible sidebar with hover-reveal, mega menu, notification drawer and a responsive mobile layout
Right-to-Left (RTL)
- One command –
npm run build:rtloutputs a complete RTL build; the same source tree serves both directions - Everything mirrors – sidebar, mobile drawer, carousels, dropdowns, Material components and the full layout grid
- A guard script –
npm run check:rtlcatches direction-specific CSS before it reaches an RTL build - See the RTL demo
Built With
- Angular 22.1 & TypeScript 6.0
- Bootstrap 5.3.8 & ng-bootstrap 21
- Angular Material 22
- ApexCharts 6, Chart.js 4.5, gauges and sparklines
- Leaflet + OpenStreetMap, Swiper 14
- Font Awesome 7, Pe7 Stroke, Linearicons and flag icons
- SCSS with customizable variables
- Lazy-loaded modules and sub-path deployment support
@angular/build(esbuild + Vite) and RTLCSS
