Components

Kitchen sink for the design system. Toggle the theme in the header to see tokens swap.

Buttons

Inputs

Email

Password

Card

Card title

Cards stack header / content / footer slots and inherit the surface tokens.

Surfaces use --card /--card-foreground.

Dialog

DropdownMenu

Avatar + Separator

AA

T

Tokens (visual reference)

--background

--foreground

--card

--primary

--secondary

--muted

--accent

--destructive

brand 50

brand 100

brand 200

brand 300

brand 400

brand 500

brand 600

brand 700

brand 800

brand 900

brand 950