Headless · Accessible · Animated

Components that feel alive

Every component below is interactive. Radix UI handles accessibility, Framer Motion handles animation, CSS custom properties handle theming.

8
Components
100%
Accessible
0
Forced styles
Components
Button

Variants

Sizes & states

Input & Textarea
Toggle invalid
Checkbox & Switch

Checkbox

Switch

Dialog

Modal dialog with a blurred overlay, animated entry & exit via Framer Motion, and focus trap. Press Esc to close.

Tooltip

Hover or focus any button

Accordion

Badge
DefaultSecondaryDestructiveOutlineSuccessWarning
● Live⚠ Review neededCriticalv2.1.0NewBeta
Card

Starter plan

Perfect for side projects and freelancers.

$0/mo
3 projects
5 GB storage
Community support

Pro plan

Popular

For teams shipping production apps.

$19/mo
Unlimited projects
100 GB storage
Priority support
Analytics
JD

Jane Doe

Product Designer

"Lumina UI gave us accessible components out of the box. The animations are smooth and the API is intuitive."

Avatar

Sizes

ABCDEFGHIJ

Avatar group

AM
BK
CL
DM
+4
Progress
Upload progress65%
Tests passing88%
Storage used73%
Error rate12%
65%
Tabs

Your workspace is healthy. 3 active projects, 2 pending deployments.

24
Deploys
99.9%
Uptime
12ms
P99
Select