from the theme studio, on top of .
No theme matches “”.
Docs / Components
Browse by job: forms, overlays, commerce, and the rest. Each one has adapters in 5 frameworks.
Tiny status label. Neutral by default, plus accent and semantic variants.
Primary, secondary, ghost, and link. That's the set.
A surface for a chunk of UI: heading, body, actions.
Single-line field with a hairline border and a focus ring.
Highlighted wording. Renders a real <mark>.
Tick box, optional label, supports indeterminate.
Type to filter, then pick from the list.
A trigger that opens a month grid and writes back one date.
One box per digit, for codes and PINs.
One question at a time: next, skip, submit.
One choice in a group. Round, with a filled dot when selected.
A row of exclusive choices, like a radio group that looks like tabs.
Custom dropdown. Use NativeSelect if you want the real element.
Pick a number on a track.
On or off. For settings.
Multi-line field, same border and focus as Input.
Disclosure rows. Open one, or several, with a chevron that turns.
Circular portrait, or initials if there's no image.
Overlapping portraits for a group.
Chat-style message bubble, incoming or outgoing.
Month grid for picking a date.
Horizontal slides with prev/next and position dots.
Columns plus rows, with sortable headers.
A styled <table>: header, body, caption.
Path back up the tree. Current page is the loud one.
Searchable command palette. Keyboard first.
Right-click menu for a region.
Menu from a button. Headers, shortcuts, dividers, destructive rows.
A keycap, for documenting shortcuts.
File / Edit / View row. Each button opens a menu.
Site nav with flyout panels.
Page cells, current one filled in, a gap when the list is long.
Underline tabs. The active one is the only one that's loud.
A confirm/cancel modal that has to be answered before you continue.
Modal card over a scrim. Title, body, actions.
Panel that slides up from the bottom, with a grab handle.
Rich preview on hover or focus, after a short delay.
Small surface for inline detail, opened by its trigger.
Modal panel that slides in from the side.
Short label on hover or focus.
Inline banner for a single notice.
Thin bar on a track. How far through a thing you are.
Shimmer placeholder that holds the layout while data loads.
Where toasts land on the page.
Holds toast state so anything below can push one.
App nav rail. Can collapse.
Scrollable middle of the rail.
Bottom of the rail: account, settings, collapse.
Top of the rail: brand or product name.
One link or button in the rail.
A labelled group of rail items.
Locks children to a width/height ratio so media doesn't jump the layout.
Buttons that share one border, with hairlines between them.
One show/hide region. Lighter than an accordion.
Eighteen 5×5 token-themed status animations.
Placeholder for an empty list, no results, or a panel that isn't set up.
Small tracked kicker above a heading.
Label above, control in the middle, hint or error below.
Display type on the Outfit scale.
An input joined to addons or buttons, one border around the lot.
Generic list row: leading slot, title, optional description, trailing slot.
Uppercase tracked label, same style as the kickers on fields.
The large set: spinners, bars, pulses, and a few silly ones.
A morphing blob for a short wait.
A real <select>, styled to match the custom one.
Two panels and a drag handle between them.
One side of a Resizable split.
Fades or slides in once it scrolls into view.
Fixed-height scroller with a thin, themed scrollbar.
A hairline between chunks of content.
A small loading ring.
A slightly rotated label for a kicker or a sale badge.
Running copy. Size and tone from the type scale.
A set of toggle buttons, one or many selected.
One cart row: image, name, quantity, line total, remove.
Promo code field with apply, pending, and error.
Slide-in cart: line items and a totals footer.
Horizontal steps for fulfilment: placed, packed, shipped, done.
Subtotal, discount, shipping, tax, total, and a checkout button.
A formatted currency amount.
Storefront tile: image, name, price, rating, add to cart.
Minus, a number, plus. For cart quantities.
Star score, read-only or pickable.
Heart that toggles saved / not saved.
Syntax-tinted code with optional line numbers, a filename, and copy.
Pick a start and end from one month grid.
Unified or split diff, with gutters and add/remove tint.
Drop files on it, or click to browse.
Expandable file and folder list.
Roadmap timeline. Bars, not a scheduler.
Columns of cards you can drag between.
Live log viewport. Follow the tail, or pin it.
Transcript that follows new messages, or stays put if you scroll up.
Grouped list of notices. Open is a callback, not a panel.
Two handles over a range, optional histogram underneath.
A multi-step flow with back, next, and a step list.
A field that checks itself as you go, with a pending and error state.
Quoted passage with an optional attribution line.
Virtualised table for real datasets: sort, select, sticky header, remote rows.
Switches the page to a dyslexia-friendly font and remembers it.
Supplies locale, text direction, and week-start defaults to everything beneath it.
Media with a caption that stays attached to it.
The stylesheet tags the kit's fonts need.
Numbered references that link down to the note and back.
Semantic form shell wired to useForm() — field state stays in @grassroot/form.
Ordered, unordered, or plain. Owns the marker and rhythm.
One row of a List. Marker, content, optional nested list.
Renders a markdown string as themed document flow — headings, code, tables, task lists.
A named set of radios that share one value.
Pick a theme. Writes it onto the document.
A button that stays pressed until you press it again.
A compact inspector for thread state, model context and runtime activity.
Assistant Modal.
Assistant Sidebar.
Composer Add Attachment.
Composer Attachments.
Composer Quote Preview.
Composer Trigger Popover.
Context Display.
Directive Text.
Dot Matrix.
File.
Image.
Mcp Config Dialog.
Message Timing.
Model Selector.
Number Roll.
Quote Block.
Reasoning.
Selection Toolbar.
Sources.
Thread.
Thread Followup Suggestions.
Thread List.
Thread List Sidebar.
Tool Fallback.
Tool Group.
User Message Attachments.
Voice Control.
Voice Orb.