React Form Components
21 components, 18 free · React, TypeScript and Tailwind CSS, light and dark
Every form control on one size and spacing scale, so a settings page and a checkout look like the same product. Field wires a label, hint, error and required marker to whatever control sits inside it.
Built on Radix UI, react-day-picker and Tiptap where those do the hard part, with keyboard support and screen reader labels throughout.
FreeButton
Button with variants, sizes and loading state.
FreeField
Form field with label, hint and error.
UpdatedFreeRich Text Editor
Rich text editor with toolbar and links.
FreeInput
Text, password and search inputs.
FreeTextarea
Auto-growing textarea with character count.
FreeSelect
Accessible select dropdown.
FreeCheckbox
Checkbox with indeterminate state.
FreeRadio Group
Radio group and selectable option cards.
FreeSwitch
Toggle switch in three sizes.
FreeCombobox
Searchable combobox with multi-select.
FreeCalendar
Calendar month grid with date ranges.
FreeDate Picker
Date and date range picker with presets.
FreeColor Picker
Color picker with hue, swatches and hex.
FreeSlider
Range slider with one or two thumbs.
FreeDateTime Picker
Date and time picker.
FreeNumber Stepper
Number input with plus and minus.
FreeStar Rating
Star rating with half stars.
FreeFloating Label Input
Input with a floating label.
ProHold to Confirm
Press-and-hold button for risky actions.
ProAnimated Search Input
Animated search input with rotating hints.
ProMorph Button
Button that morphs into a panel.