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.
Looking for something else?