Pieces/Form(36)
Form pieces from Beste UI, drop-in widgets built with shadcn/ui and Tailwind CSS.
One email when we open the doors. Nothing else.
Inline Subscribe Row
A single-row capture card with a labelled email field, an accent submit button beside it, and fine print underneath.
Notifications
Preferences Toggles
A compact settings card listing labeled rows, each with an accent on/off toggle switch.
Get early access
No spam, just one launch note.
Email Capture Card
A compact signup card with a title, an email field, an accent submit button, and a small reassurance note.
Consent Row
Legal consent card with a custom checkbox, inline underlined policy links, and a red asterisk when required.
Copyable Field
Read-only value with an optional mask toggle and a copy button that flips to an emerald Copied state on click.
Inline Edit
Click-to-edit field that toggles between a plain value with a hover pencil and an input flanked by save and cancel buttons.
Stepped Slider
Font-size slider with discrete tick dots under the rail and a mono value chip in the header.
Contact Picker
Searchable people picker with a focused search input above a list that tints the selected row.
Autosave Field
Inline field with an autosave status pill that shifts between saved, saving, and unsaved dot colors.
Native Select
Open-state select showing the focused control and the flyout list with one option muted as chosen.
Color Swatches
Row of round color swatches where the selected one picks up an outer contrast ring.
Tick Slider
Labeled-tick slider with a primary fill, a value pill in the header, and the active tick bolded.
Segmented Control
Pill-grouped segmented control with inset muted track and a raised card under the active choice.
Radio Group
Radio-card list where the selected row picks up a primary ring and a tinted background.
Checkbox Group
Legend-headed list of notification toggles with filled primary checks and muted helper lines.
Toggle Switch
Setting row with label, supporting copy, and a sliding switch that turns emerald when on.
Assignee Picker
Popover with a header label, filter bar, and a selectable person list that checks chosen rows.
Phone Input
Phone field with a flag and dial-code chooser on the left, then the national number in mono.
Combobox
Searchable single-select with a query bar above a filtered list and a check for the active row.
Email Tokenizer
Bulk invite field that tokenizes addresses into chips and flags invalid ones with a rose tint.
Multi Select
Picker that keeps chosen options as removable violet pills next to a chevron to open the list.
Mention Picker
Inline @-mention typed into a field, paired with an avatar-led autocomplete dropdown beneath.