A collection of customizable UI blocks with interactive live previews
Compact hero image, title, and description; dual CTAs.
Labels icon-only buttons in a toolbar.
A footer button launches a modal with subscription detail.
Prev arrow, numbered page buttons, and Next arrow in a merged-border row.
TanStack Table, prev / next controls with a rows-per-page select.
A heading followed by full-width body lines.
Pick a strong password and confirm it matches.
Pick a strong password and confirm it matches.
Name on card, card number with icon, expiry, CVC, and country select fields with a pay button.
Selectable saved credit cards with brand and last four.
Scrollable avatar rows with selection; Invite footer.
Rounded pill triggers in a bordered track with cross-fading mood boards.
TanStack Table, a column pinned to the right stays visible while scrolling horizontally.
Plus icon on each trigger that turns into a minus when open, instead of a chevron.
Activates a preset for a subtree by writing the data-preset attribute. Required by every preset.
Docs-style switch between live preview and code snippet.
Highlighted plan with a Popular badge and feature checklist.
A plan name, price, feature rows, and a CTA button.
Stacked tier rows with Popular badge, price, and CTA button.
Monthly versus yearly billing toggle swaps the price.
Square image with a sale badge, price, and add-to-cart.
Centered avatar, stats row, and follow / message actions.
Banner image, avatar, bio, and follow / message actions.
Radio items that keep exactly one option selected at a time.
Dialog form with RHF, Zod resolver, and FieldError on invalid fields.
Controller binds a checkbox group to React Hook Form; Zod requires at least one selection.
Controller binds the combobox to RHF; Zod resolver drives FieldError on submit.
Controller binds a radio group to RHF; Zod requires a selection.
Controller binds Input to RHF; Zod resolver drives FieldError on submit.
Controller binds Select to RHF; Zod resolver drives FieldError on submit.
Controller binds the switch to RHF; Zod requires opt-in on submit.
Truncated paragraph reveals the rest; trigger label swaps to Show less.
Dismissible tag chips with a trailing remove button.
TanStack Table, drag the header edge to resize column widths.
Dropdown on small screens, full inline path from sm up.
Showing 1–10 of 97 alongside the page controls.
Lists, links, and a button inside the panel body.
Title plus supporting description in the content.
TanStack Table, row checkboxes with a bulk actions toolbar showing count, clear, and delete.
Page-size select with first, prev, next, and last.
Scrollable list of team members with avatars and roles inside a fixed-height popover.
Grouped select with labelled option groups bound via Controller.
A field label above a trigger with a chevron block.
Grouped select with labelled option groups wired with form.Field.
Clickable plan cards with a ring and check on the active one.
Parent checkbox with an indeterminate mixed state.
Each item is a bordered card with spacing between them.
A grouped list of notification settings, each row with a label, helper text, and a switch.