UI Elements

Every shadcn primitive installed in this project, under the rose neobrutalist theme. Flip the switcher above to see both palettes — none of these components were edited to get this look; the theme restyles them from styles.css.

Buttons & actions

button — variants

button — sizes & disabled

button-group

npm

toggle / toggle-group

spinner

kbd

CtrlK

Form controls

input / textarea

input-group

checkbox / radio / switch

select

native-select

slider

input-otp

field

Shown next to your messages.

Display & content

badge

DefaultSecondaryOutlineDestructive

avatar

AL
ALGH
+3

progress / skeleton

x

card

Deployment
Pushed 4 minutes ago to production.
live

The soft shadow under this card, and the hairline around it, are the theme — not the primitive.

alert

item

styles.css

1,470 lines

router.tsx

Convex + Query wiring

empty

No messages
Anything sent will land here.

marker

Added a rose primary

bubble / message

Does the shadow survive dark mode?
It does — the shadow token flips.

attachment

report.pdf1.2 MB

separator / aspect-ratio

DocsAPI

Overlays & menus

dialog / alert-dialog / sheet / drawer

popover / hover-card / tooltip

dropdown-menu / context-menu

Right-click here

toast

command

Data & layout

table

Recent deployments.
DeploymentEnvironmentStatus
giddy-yak-591productionlive
brave-otter-114previewbuilding
calm-heron-802previewfailed

chart

calendar

October 2026

carousel

Slide 1
Slide 2
Slide 3

scroll-area

resizable

Left
Right