Documentation
25 components and 25 blocks, none of which you install. Start with Installation — it is the only setup there is.
Installation
What you need, the theme block to paste, and how to copy a component.
Themes
Six palettes you can apply in place, and how the token tiers work.
Blocks
Whole page sections assembled from the components.
Showcase
Every component on one page, under any palette.
Components
AccordionCollapsible sections built on native details elements.AlertShort message set apart from the surrounding text.AvatarCircular user image with a text fallback behind it.BadgeCompact label for status and metadata.BreadcrumbTrail of links back up the hierarchy.ButtonClickable action element with four variants and three sizes.CardComposable surface with header, content, and footer slots.CheckboxNative checkbox with the box painted over.DialogModal built on the native dialog element.InputSingle-line text field with an invalid state.KbdA keyboard key, for shortcuts written into prose.LabelForm label with an optional required marker.PaginationPage navigation that collapses the middle to an ellipsis.ProgressDeterminate progress bar in three sizes.RadioNative radio with the dot painted over.SelectNative dropdown with the platform arrow replaced.SeparatorDividing line, horizontal or vertical.SkeletonPlaceholder block for content that hasn't arrived.SliderNative range input with the track and thumb restyled.SpinnerIndeterminate loading indicator in three sizes.SwitchOn/off control built on a hidden checkbox.TableData table composed from the real table elements.TabsTabbed panels with arrow-key navigation.TextareaMulti-line text field with an invalid state.TooltipHover and focus label, positioned with CSS alone.
Blocks
HeaderSite navigation and the first call to action.HeroThe first screen: what this is and what to do about it.FeaturesWhat the product does, once the hero has your attention.StatsNumbers that make the claim above them concrete.Logo cloudWho else already uses it.TestimonialsThe same claims, in somebody else's words.PricingPlans, presented either as cards or as a comparison.FAQThe objections, answered before they're raised.Call to actionThe last ask, after the argument is made.AuthSign in and sign up, as whole centered screens.App shellThe inside of the product, not the page selling it.FooterThe last row: links, legal, and the wordmark again.