🎨 UI Components Demo

Beautiful, accessible UI components built with Tailwind CSS and Radix UI primitives. Explore different variants and states below.

🔘Button Components

Variants

Sizes

States

With Icons

📝Input Components

Variants

This is a default input

This input is valid

This field has an error

Sizes

Types

Interactive Example

You typed: 0 characters

🎨Color Palette

Primary

Secondary

Destructive

Accent

Muted

Success

🔧Component Combinations

Form Example

Enter your full name

Must be at least 8 characters

Action Groups