A collection of accessible, customizable UI components for Angular applications.
- Angular 21+ with standalone components (no NgModules)
- Signals for reactive state management
- OnPush change detection for optimal performance
- TypeScript-first with strict type safety
- State-driven UI - Control components through template bindings, not imperative methods
- No .open() calls - Use
[open]="signal()"instead ofdialog.open() - Template-based - Everything lives in your templates, easy to see and understand
- Reactive by default - UI automatically updates with your state
- Specialized components instead of one monolithic component with many inputs
- Slot-based patterns - Compose UIs by nesting components together
- Maximum flexibility - Build exactly what you need without prop drilling
- Single responsibility - Each component has one clear purpose
- 70+ production-ready components including forms, navigation, data display, and feedback
- Advanced components like Data Tables, Charts, Rich Text Editor, Kanban Board, and more
- Form components with validation, field composition, and accessibility built-in
- WCAG AA compliant with full keyboard navigation
- ARIA attributes and semantic HTML
- Focus management and screen reader support
- Color contrast and responsive touch targets
- Tailwind CSS 4 for utility-first styling
- CSS custom properties for easy theming
- Dark mode support built-in
- Responsive design with mobile-first approach
- Comprehensive documentation with live examples
- Type-safe APIs with input/output functions
- Predictable patterns across all components
- Tree-shakeable for optimal bundle sizes
This project uses Nx as the build system.
- Node.js
- npm or yarn
# Install dependencies
npm install
# Run the showcase app
npx nx serve showcase
# Run tests
npx nx test
# Build the library
npx nx buildMIT