Components, composed into whole sections. A block is copied the same way as a component — HTML, CSS and JS — and every part inside it stays a part you already own. Start from a block, then take it apart with the catalog.
The frame most apps live in: a sidebar that stays, a topbar that orients, content that changes.
avatarbadgebreadcrumbsbuttonseparatorstatThe grid of tools a product plays well with — a mark, a name, and what it is for.
buttonA centered sign-in card: brand mark, two fields, one decision, and the way out.
inputbuttoncheckboxseparatorThree plans and a billing switch. The middle plan carries the decision; the rest is context.
buttonbadgeswitchseparatorA profile settings section: identity first, preferences second, one save bar at the end.
avatarinputtextareaswitchbuttonseparatorFour numbers a dashboard opens with — each with its delta and its verdict.
statbadgeA numbered switcher: pick the reader you are, and the picture changes with the story.
auroraglass-panelbuttonbadgeprogress