The Customizable
Components Library

Built with Angular and Tailwind CSS v4 for complete control over your UI

Type-safe

Accessible

Customizable

Dark mode

Getting Started

Three simple steps to start building with Luma UI

Set up Tailwind CSS v4 in your Angular project first.

Install the package via npm.

npm install @lumaui/angular

Dependencies are installed automatically.

Import tokens in your styles.css

@import 'tailwindcss';
@import '@lumaui/tokens';
@import '@lumaui/tokens/dark.css';

Production-ready components built with accessibility in mind. Fully customizable with design tokens.

Primary, secondary variants with full customization and accessibility

Elevated cards with gradient borders and flexible content areas

Card preview