Neo-Brutal Field
Label (text-small font-semibold), control and a hint or error, wired for screen readers.
Forms & Inputs
44 pieces in four styles. Preview each one live, then copy the prompt that puts it in your project.
Neo-Brutal Input
Text input in an ink-outlined card-white box with optional leading and trailing adornments; focus lifts the box onto its focus shadow.
Neo-Brutal Textarea
Multi-line text input in the same box, at least three rows tall, resizable vertically.
Neo-Brutal Select
Native select in the Input box with an ink chevron.
Neo-Brutal Checkbox
Native checkbox: an ink-outlined square that fills volt when checked, the ink check drawing in on a spring.
Neo-Brutal Radio Group
Native radios in a fieldset with a legend. list: ink-outlined circles that fill volt with an ink dot. cards: choice cards that press and stay sunk, volt, when chosen (the template picker).
Neo-Brutal Switch
On/off toggle: a native checkbox with role="switch".
Neo-Brutal Slider
Native range input: an ink-outlined pill track with a cobalt fill ending at the thumb's centre (volt on the cobalt band), a volt square thumb on a 2 px shadow that sinks while dragged, a mono value readout and optional tick labels.
Neo-Brutal Segmented Control
Radios as equal segments on a paper-2 well, with a card-white, ink-outlined thumb that slides to the checked one in CSS only (works without JavaScript, up to 8 segments).
Neo-Brutal Chip Group
Choice chips: radios, or checkboxes with multiple, for booking dates and times, party sizes and filters.
Neo-Brutal Stepper
Progress through numbered steps as ruled cells: a complete step sits on a volt-100 cell with a volt check disc, the current one has an ink disc, upcoming steps a paper-2 disc.
Noir Aurora Field
Label, control and a hint or error, wired for screen readers.
Noir Aurora Input
Text input in a lit control box (bg-control, a line-2 border) with optional leading and trailing adornments.
Noir Aurora Textarea
Multi-line text input, at least three rows tall.
Noir Aurora Select
Native select with a chevron.
Noir Aurora Checkbox
Native checkbox with a label and an optional description; checked turns aurora green with a glow and the check draws in on a spring.
Noir Aurora Radio Group
Native radios in a fieldset with a legend, as a plain list (the checked dot glows aurora) or as choice cards (the checked card gets an aurora border and halo).
Noir Aurora Switch
On/off toggle: a native checkbox with role="switch"; on, the track turns aurora green and the white knob springs across.
Noir Aurora Slider
Native range input with an aurora-filled track, a white knob with a soft halo, a mono value readout and optional tick labels.
Noir Aurora Segmented Control
Radios as equal segments in a quiet well, with a lit thumb that springs to the checked one in CSS only (works without JavaScript, up to 8 segments).
Noir Aurora Chip Group
Choice chips: radios, or checkboxes with multiple, for booking dates and times, party sizes and filters. md chips are hairline pills that turn aurora when picked (filters); sm chips use the segmented look, a lit thumb on the pick (booking dates and times).
Noir Aurora Stepper
Progress through numbered steps: complete, current and upcoming.
Soft Bento Field
Label, control and a hint or error, wired for screen readers.
Soft Bento Input
Text input in a 14 px white field pressed into the surface, with optional leading and trailing adornments; the focus ring draws on the box.
Soft Bento Textarea
Multi-line text input, at least three rows tall.
Soft Bento Select
Native select with a chevron.
Soft Bento Checkbox
Native checkbox with a label and an optional description; the box squishes on press and the check pops in on the squish.
Soft Bento Radio Group
Native radios in a fieldset with a legend, as a plain list or as choice cards.
Soft Bento Switch
On/off toggle: a native checkbox with role="switch"; the knob slides on a spring and stretches while pressed.
Soft Bento Slider
Native range input with a filled track, a value readout and optional tick labels.
Soft Bento Segmented Control
Radios as equal segments on a pressed pill track, with a white clay thumb that slides to the checked one and squashes as it lands, in CSS only (works without JavaScript, up to 8 segments).
Soft Bento Chip Group
Choice chips: radios, or checkboxes with multiple, for booking dates and times, party sizes and filters.
Soft Bento Stepper
Progress through numbered steps: complete, current and upcoming.
Swiss Tech Mono Field
Label, control and a hint or error, wired for screen readers.
Swiss Tech Mono Input
Text input in a box with optional leading and trailing adornments; text after the value sits in a haze affix.
Swiss Tech Mono Textarea
Multi-line text input, at least three rows tall.
Swiss Tech Mono Select
Native select with a chevron.
Swiss Tech Mono Checkbox
Native checkbox with a label and an optional description: a square box that turns ink with a lime check (lime with an ink check on ink), drawn in on a spring.
Swiss Tech Mono Radio Group
Native radios in a fieldset with a legend, as a plain list or as choice cards (a checked card gets an ink border and the lime selected ring).
Swiss Tech Mono Switch
On/off toggle: a native checkbox with role="switch".
Swiss Tech Mono Slider
Native range input with an accent-filled track, a square thumb, a mono value readout and optional tick labels.
Swiss Tech Mono Segmented Control
Radios as equal segments with a thumb that slides to the checked one in CSS only (works without JavaScript, up to 8 segments).
Swiss Tech Mono Chip Group
Choice chips: radios, or checkboxes with multiple, for booking dates and times, party sizes and filters.
Swiss Tech Mono Stepper
Progress through numbered square steps: complete (ink), current (lime) and upcoming.
Preview everything. Take three a day, free.
A free account takes 3 new pieces a day: the code, the styles and the install prompt. Pro and Team remove the limit.