AngularLaunch - Angular 21 Admin Dashboard KitAngularLaunch - Angular 21 Admin Dashboard Kit
Angular 21 dashboard: 48 components, Kanban, Calendar, auth, RBAC, dark/RTL, Docker + AI docs your coding assistant understands. Recently UpdatedAngularLaunch - Angular 21 Admin Dashboard Kit
Angular 21 dashboard: 48 components, Kanban, Calendar, auth, RBAC, dark/RTL, Docker + AI docs you...
Overview
AngularLaunch is a current-generation Angular 21 admin dashboard and UI kit for freelancers and small teams. Stop rebuilding the same auth flow, sidebar, theme system, and form primitives on every project — start from 48 reusable components, full auth + RBAC, a Kanban board, a Calendar, Docker, and light/dark/RTL theming.
Built on Angular 21 (standalone components, signals, new control flow) and Tailwind CSS v4 CSS-variable theming, so you rebrand the whole kit by editing one file.
- BUILT FOR AI-ASSISTED DEVELOPMENT — THE DIFFERENTIATOR
Most templates hand you code and leave your AI assistant guessing. AngularLaunch ships the context that makes an AI coding assistant productive from the first prompt:
• CLAUDE.md knowledge base — an auto-loaded map of where everything lives, plus the kit's conventions (signals, ControlValueAccessor, semantic CSS-variable theming, standalone-only). Your assistant writes code that matches the kit on the first try, not after five correction rounds.
• 10 pre-wired slash commands — scaffold a route, generate a FULL CRUD feature (list + form + facade + mock endpoints), rebrand the kit, switch the mock API for a real backend, strip the demos before a client handoff, add a new CVA component, run a health/convention check, or dockerize — each in a single command.
• Tiered on-demand docs (.claude/docs) — routes, components, theme, patterns, and recipes are loaded only when a task needs them, so you burn far fewer tokens per request.
• A post-edit guard hook — automatically blocks off-pattern code (hardcoded palette colors, *ngIf/*ngFor, BehaviorSubject, NgModules) so AI-generated edits stay consistent with the kit.
Works with Claude Code, Cursor, or any modern LLM workflow. The payoff: you describe a feature and ship it, instead of fighting an assistant that doesn't understand your codebase. This is what turns a starter kit into a force multiplier.
WHAT'S INSIDE
• 48 reusable components — 33 UI primitives (button, inputs, select, combobox, date-picker, file-upload, rich-text-editor, data-table, modal, tabs, stepper, charts, and more — every form control implements ControlValueAccessor), 5 layout components, 5 feature blocks, 4 app blocks, 1 pricing block, plus 2 directives and 1 pipe.
• 21 demo / reference pages — auth (login, register, forgot, reset), dashboard with KPIs + activity feed, users & products CRUD, multi-tab settings, examples gallery (tables, cards, forms, buttons, feedback, charts, maps, pricing), live theme-preview page, and a 404.
• Kanban board — drag-and-drop via @angular/cdk, task detail drawer, comment thread, themed labels.
• Calendar — month + week views with a selected-day panel.
PRODUCTION INFRASTRUCTURE
• Full auth flow with route guard, mock API interceptor, persisted session, and role-based access (admin / editor / viewer).
• Light + dark + RTL themes driven entirely by CSS variables — no dark: variants needed.
• i18n via Transloco (English, Spanish, Arabic with proper RTL).
• Global error handler, notification center, path aliases, Vitest test scaffold.
• Optional Node.js + Prisma + Express backend that mirrors every mock endpoint.
• Docker — multi-stage build with nginx and docker-compose.
• Stealth demo build — an Angular-safe obfuscation pass so public demos can't be cleanly reverse-engineered.
WHAT'S NOT INCLUDED (honest)
No SSR, no payment integration, no CI/CD pipelines, and the backend is a reference implementation (productionize before public exposure). 3 example unit tests as a pattern, not full coverage. This is a foundation you build on.
LICENSE
Single-developer license — use it in unlimited client/commercial projects. You may not resell or redistribute the kit source itself.
Features
- AI-ready: CLAUDE.md knowledge base so your assistant knows the kit's architecture & conventions
- 10 pre-wired slash commands: scaffold routes & full CRUD features, rebrand, switch-api, strip demos, dockerize
- Tiered on-demand .claude/docs (fewer tokens per task) + a post-edit guard that keeps AI code on-pattern
- Works with Claude Code, Cursor, or any modern LLM workflow
- 48 reusable components (33 UI primitives + layout + app blocks)
- 21 demo / reference pages
- Kanban board (drag-and-drop) + Calendar apps
- Full auth: login, register, forgot & reset password
- Role-based access control (admin / editor / viewer)
- Light + dark + RTL themes via CSS variables
- i18n (English, Spanish, Arabic) with Transloco
- Mock API interceptor + optional Node/Prisma backend
- Docker (multi-stage build + docker-compose)
- Stealth/obfuscated demo build script
- Angular 21 signals + standalone + new control flow
- Tailwind CSS v4 with @theme token theming
Requirements
- Node.js 20+
- npm 10+ (or pnpm 9+)
- Modern browser (Chrome 100+, Firefox 100+, Safari 15+)
- Optional: Docker 24+ for the included docker-compose setup
Optional: Claude Code / Cursor / any LLM assistant to use the bundled AI commands & docs
Instructions
1. Unzip the downloaded file.
2. cd into the folder and run: npm install
3. Start the dev server: npm start  ->  http://localhost:4200
4. Log in with [email protected] / password123 to explore all features.
5. Production build: npm run build  |  Docker: npm run docker:run (:8080)
6. Rebrand: edit src/app/config/branding.config.ts and the @theme block in src/styles.css.
7. Using an AI assistant? Open the project so CLAUDE.md loads, then try a slash command (e.g. /add-feature, /rebrand) or just describe what you want to build.
Other items by this author
| Category | Themes / HTML / Admin Templates |
| First release | 29 May 2026 |
| Last update | 29 May 2026 |
| Files included | .css, .html, Javascript .js |
| JavaScript Framework | Node.js |
| Tags | admin template, Calendar, rtl, angular, admin dashboard, typescript, dashboard template, dark mode, starter kit, tailwind css, ai assistant, kanban, boilerplate, angular 21, claude code |








