Component showcase. Toggle the theme to check both — nothing here uses a dark: variant.

Buttons

Frosted's looks under shadcn's variant names: default is the classic bevel, secondary is soft, outline is surface.

Fields

Input, textarea, select and checkbox share one focus treatment, so a form never shows two.

I accept the terms

Frosted's surface: panel fill, a 1px ring, and a deliberately faint drop.

Unit 4B

1,200 sq ft · Available now

Corner unit with street frontage and two parking bays.

Compact card

size="sm"

Tighter spacing.

Inter Tight for display, Inter for body, Geist Mono for code.

Lease space, faster

The quick brown fox jumps over the lazy dog.

npm run storybook

Read through the Data API with the publishable key, so RLS decides what appears.