Public demo
UI kit · Forms & inputs
Text fields, textarea, select, combobox, search, stepper, input groups, checkbox, radio, switch, slider, and file dropzone patterns.
Single form canvas showing the inputs product teams ship most often, from simple labels through compound controls.
UI showcase
Static composition for reference—swap in generated output when your pipeline is connected. Everything below is local markup only.
Each control is a structural stub—swap for accessible native or headless implementations.
Why this demo works
- Shows validation, grouping, and density in one glance for form-heavy products.
Suggested use cases
- Checkout, onboarding, and admin create flows
- Filter drawers and inline edit panels
What's included
- Labeled email and password fields
- Multi-line textarea
- Select and combobox affordances
- Search field with leading affordance
- Numeric stepper
- Prefix / infix / suffix input group
- Checkbox, radio group, dual switches
- Range slider and dashed file upload target
Editable in Frontuna
Compatible with RHF, Angular Reactive Forms, or uncontrolled HTML.
Use this page as a briefing artifact: copy structure, swap copy, and connect your components—no fake generated code required.
Build notes
- Connect combobox to async search when you implement.
- Associate labels with real ids for screen readers.