⚠️ Mobile is not supported yet.
Search for a command to run...
A collection of customizable UI blocks with interactive live previews
Default dark tooltip on a button.
Horizontal row of buttons with merged borders, used for segmented controls like date range pickers.
Three-column bento: primary tile (two-thirds) with title, description, CTA and media, plus supporting image cards.
Biometric for Verify Identity.
A centered text block with a title, description, and CTA.
Cancel Flow for Manage Subscription.
Media banner above a title, body lines, and a footer.
Card Form for Payment.
Table inside a Card with title and status badges.
Auto-scroll carousel that pauses on item hover and reveals title.
A carousel of media with a title and description.
A carousel of cards with a title and description.
Change Plan for Manage Subscription.
Channel Matrix for Notifications.
Cap text length with a live character counter.
Alternating inbound and outbound message bubbles.
Multiple checkboxes collected into a string array with a min-selection rule.
Toggle multiple view options with checkbox items.
Bordered add-on cards that highlight when checked.
Clickable add-on rows showing a title, description, price, and a switch, each fully tappable via a wrapping label.
Thumbnail grid with selection ring.
Primary, secondary, and destructive tooltips with arrow color matching the content.
Tinted initials fallbacks using semantic tokens.
Swatch grid with a check icon on the active color.
TanStack Table, toggle individual columns on or off from a dropdown menu.
Popover + Command framework picker with a check mark.
Selected value shows an inline X that clears without reopening.
Searchable combobox using Command inside a Popover, bound via Controller.
Searchable combobox using Command inside a Popover, wired with form.Field.
Spotlight-style ⌘K palette toggled by a button or keyboard shortcut.
Inline numbers from sm up, "Page X of Y" on mobile.
Comparison Table for Select a Plan.
TanStack Table, combines sorting, column filter, pagination, row selection, column visibility toggle, and per-row action menus.
Polished yes/no with icon and clear hierarchy.
Confirm Dialog for Delete Account.
Name, email, topic and message validated on submit.
A grid of media cards with a section header and item details below each image.
Two-column card grid with a serif section header, copy above each image, and subtle entrance motion.
A focus grid with items that can be focused and dimmed.
Two-column split with serif headline, supporting copy, optional CTA, and a media panel.
Two-column grid with serif header, media on top, copy, and optional CTA per column.
Two-column icon card grid with serif section header and subtle entrance motion.
A billing overview split with a dashboard preview card and two feature highlights, built for the app-shell preset.
Menu whose open/closed state is managed externally and reflected in the trigger label.
Read-only text value paired with a trailing icon button that copies it to the clipboard, with an animated check on success.