Lumin Design System

A comprehensive component library for building modern, accessible, and beautiful user interfaces.

UI Components
30+ foundational components including buttons, inputs, dialogs, and more. Built with Radix UI primitives and styled with Tailwind CSS.
ButtonCardDialogForm+26 more
Explore components
AI Elements
35+ specialized components for building AI chat interfaces. Message streams, attachments, reasoning displays, and more.
MessageConversationAttachments+32 more
Explore AI elements

Accessible

Built on top of Radix UI primitives with full keyboard navigation and ARIA support.

Customizable

Styled with Tailwind CSS. Easily customize colors, spacing, and variants to match your brand.

Type Safe

Written in TypeScript with full type definitions for excellent developer experience.

Getting Started

Two ways to use the design system: registry (recommended) or npm package. Follow our step-by-step guide to set up your project.