@atelier-ui/angular

LLM-optimized component library for Angular 22.

Features

• Signal-first: Uses Angular Signals for inputs, outputs, and state management.
• Accessible: Built on WAI-ARIA standards and Angular CDK.
• LLM-Ready: Clean, flat prop APIs and comprehensive metadata for AI assistants.
• Themed: Shared CSS design token system with dark mode support.

Installation

npm install @atelier-ui/angular

Add the design tokens to your global styles.css:

@import '@atelier-ui/angular/styles/tokens.css';

Usage

import { AtlButton } from '@atelier-ui/angular';

@Component({
  standalone: true,
  imports: [AtlButton],
  template: ` <button atl-button variant="primary" (click)="save()">Save</button> `,
})
export class MyComponent {}