Forms
npx @intellihelper/cli add.About forms
How this category fits the Liquid Glass system
Glassmorphism form inputs in React often fail accessibility and contrast. Intelli UI’s Forms category solves that with free, accessible inputs, selects, checkboxes, switches, radio groups, textareas, calendars, and multi-select patterns designed for Next.js and Tailwind CSS.
Each control follows Liquid Glass chrome conventions: neutral frosted fields, clear focus rings, and labels that stay readable on mesh backgrounds. Calendar and date controls fit dashboards and booking flows; Combobox and Multi Select handle dense filters; Native Select covers progressive enhancement. Field variants share tokens so your entire form system looks cohesive.
Search intent for “glass form components React”, “Tailwind input glassmorphism”, and “Next.js form UI kit” lands here. Install with `npx @intellihelper/cli add input select checkbox` (or any slug), wire your preferred form library, and keep full ownership of the source. Pair with Overlays for modal forms and Feedback for validation states.
Components
- InputTranslucent glass text fields with chrome and outline variants.
- LabelAccessible form labels with chrome, muted, and required styles.
- Password InputGlass password field with show/hide toggle and field states.
- OTP InputOne-time code slots with paste support and completion callback.
- TextareaMultiline glass inputs with size and state variants.
- SelectFrosted dropdown with rise-in panel and animated checks.
- ComboboxSearchable select with filterable options and keyboard navigation.
- File UploadDrag-and-drop glass uploader with browse and selected file list.
- Native SelectStyled native HTML select with glass field styling.
- CheckboxGlass checkbox with animated check and indeterminate states.
- SwitchFrosted toggle switch with spring-animated thumb.
- Radio GroupGlass radio controls with primary indicator dot.
- CalendarFrosted date picker with range and multi-select modes.
- Multi SelectSearchable multi-value select with chips and keyboard navigation.
- Prompt InputComposer with Enter-to-send and token estimate.
- Prompt SuggestionsQuick-start prompt chips for empty chat states.
- AI Model SelectorModel picker with provider and description metadata.
- Search InputSearch field with icon, clear control, and glass field variants.
- PIN InputMasked short PIN slots for secure numeric entry.
- Number InputNumeric field with steppers, min/max, step, and arrow keys.
- Currency InputMoney field with searchable selector for all ISO currencies, symbols, and decimals.
- Phone InputInternational phone with all-country dial codes, search, national format, and E.164.
- Color PickerSwatches, hex entry, and native picker in a glass popover.
- RatingAccessible star rating with keyboard support and half stars.
- Time PickerHour/minute columns with 12/24h mode and typed time entry.
- Month PickerYear-navigated month grid for filters and reporting periods.
- Date Time PickerCalendar + time composite for scheduling and admin filters.
- Address FieldsCountry → State → City cascading selectors (select-only, full world data).
- Address Country SelectSearchable country picker for addresses with flags.
- Address Region SelectState/province picker cascading from country.
- Address City SelectCity picker cascading from country + state.
Looking for something else?