Great forms start here.
Thoughtful inputs, useful patterns and complete flows. Ready for your next application.
Basic elements
Text fields, input groups, floating labels and control states.
Explore examples →02Form select
Native selects, grouped options, sizes and dependent choices.
Explore examples →03Checkboxes & radios
Selection cards, switches and grouped preferences.
Explore examples →04Pickers
Calendar, date ranges, time and color selection.
Explore examples →05Input masks
Guided phone, reference, date and numeric input.
Explore examples →06Advanced inputs
Tags, password visibility, counters and repeatable fields.
Explore examples →07Range sliders
Single, stepped and bounded price-range controls.
Explore examples →08Validation
Inline errors, error summaries and accessible feedback.
Explore examples →09Form wizard
A validated, three-step project setup with a final review.
Explore examples →10Editors
Rich text formatting, HTML preview and content export.
Explore examples →11File uploads
Drop files, check size/type and preview a local queue.
Explore examples →12Form layouts
Vertical, horizontal, grid, inline and floating-label forms.
Explore examples →13Enhanced select
Select2-style searchable, keyboard-friendly HTML selections.
Explore examples →Designed to become part of your application
Each example keeps its state local and demonstrates clear feedback.
Form submissions and file queues are interactive demos. Connect your application’s API to store data or upload files. Enhanced selects use React components with search, tags and keyboard controls.