React Input Components
Open-source React input components — text inputs, OTP fields, password meters, file uploaders, tag inputs, phone inputs, and credit-card fields. Accessibility-first with keyboard support and screen-reader labels.
All Inputs (28)
- AceternityFile Upload
A file-upload component from Aceternity UI.
Preview - AceternityInput
A input component from Aceternity UI.
Preview - AceternityPlaceholders And Vanish Input
A placeholders-and-vanish-input component from Aceternity UI.
Preview - AlignuiDigit Input
A digit-input component from AlignUI.
Preview - AlignuiFile Upload
A file-upload component from AlignUI.
Preview - AlignuiInput
A input component from AlignUI.
Preview - AlignuiTextarea
A textarea component from AlignUI.
Preview - DiceuiFile Upload
A file-upload component from DiceUI.
Preview - DiceuiMask Input
A mask-input component from DiceUI.
Preview - DiceuiPhone Input
A phone-input component from DiceUI.
Preview - DiceuiSegmented Input
A segmented-input component from DiceUI.
Preview - DiceuiTags Input
A tags-input component from DiceUI.
Preview - ElevenlabsuiSpeech Input
A speech-input component from ElevenLabs UI.
Preview - FormcnMulti Select
Multi-select dropdown
Preview - FormcnPassword
Password input with show/hide toggle
Preview - FormcnTag Input
Tag input component
Preview - KibouiCredit Card
Credit card components for displaying and validating credit card information.
Preview - NeobrutalismInput
A input component in neobrutalism style.
Preview - NeobrutalismInput Otp
A input-otp component in neobrutalism style.
Preview - NeobrutalismTextarea
A textarea component in neobrutalism style.
Preview - Shadcn ExpansionsAutosize Textarea
Auto resize textarea height based on content.
Preview - Shadcn ExpansionsDatetime Picker
A datetime picker built on top of shadcn-ui and no additional library needed.
Preview - Shadcn ExpansionsDual Range Slider
An enhancement slider that allows you to select a range of values.
Preview - Shadcn ExpansionsFloating Label Input
Material UI design system floating label.
Preview - Shadcn ExpansionsLoading Button
Display a button or a component that looks like a button with loading spinner. Everything is just the same as the button in shadcnui.
Preview - Shadcn ExpansionsMultiple Selector
Fast, composable, fully-featured multiple selector for React.
Preview - SpelluiExploding Input
Input component that spawns particle effects when typing.
Preview - SpelluiLabel Input
Input field with floating label and password visibility toggle.
Preview
Inputs by library
Browse more component categories
Browse all components
Filter the full Uibrary catalog by tag, library, or framework.
View all components