Forms
Inputs, pickers, uploads
Components

Forms

Every control shares the same field chrome: a soft primary focus ring, a shake on invalid input, and spring feedback on every interaction.

Text fields

Updated

Inputs and textareas with a focus ring. Invalid fields shake once and show animated field errors.

Contact an admin to change the workspace URL.

Shown on your public profile.31/160

Select

Updated

The trigger keeps its focus ring while open and its chevron flips with a spring; the checkmark pops on the selected item.

Combobox

New

Searchable select with instant filtering, rich options, and a multiple mode where tags pop in and out.

VueTailwind CSS

Checkbox & radio

New

Check marks draw themselves, the indeterminate dash sweeps in, and radio dots bounce. Card radios take a primary outline and tint when selected.

Switch & slider

Updated

The switch thumb squishes while pressed and springs across. Slider thumbs fill with a light tint as you hover and drag.

Ship every push to main.

Create a preview URL for every pull request.
Monthly budget
Alerts fire at 80% of the budget.
€1200
Volume64%
Price range€20 – €80

Number field

New

Digits slide up when incrementing and down when decrementing. Supports Intl formatting, bounds, and wheel input.

Between 1 and 50 seats.

Formatted as currency.

PIN input

New

One-time codes with paste support. Characters pop in; a wrong code shakes the row. Try 424242.

Enter the 6-digit code from your authenticator app.

Tags input

New

Press Enter to add, Backspace to select and remove. Tags pop in with a bounce.

Vue
Nuxt
Motion design

Date & time

Calendar popovers with month and year navigation, plus native time inputs styled to match.

File dropzone

New

Drag files over the zone: the border starts marching, the icon lifts, and the list animates as files come and go.

Trascina qui i file

oppure fai clic per sfogliare il dispositivo

Max 5.0 MB per file · Fino a 4 file

    Changes are only kept in this demo.