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.
• 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 check, or dockerize — each in a single command.
• Tiered on-demand docs (.claude/docs) — routes, components, theme, patterns, and recipes load 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.

Works with Claude Code, Cursor, or any modern LLM workflow.

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.

What's not included

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.

Tech stack

Angular 21, TypeScript, Tailwind CSS v4, Angular CDK, ApexCharts, Transloco, Node.js, Prisma, Docker