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.

• 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

• 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

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.