Dev Design LibraryInput Components
Dev Design Library indexes 2,962 input components from 94 open-source UI libraries, with the most coming from ReUI, Origin UI, Watermelon UI, FLX UI and Shadcn Space. Each one links to its page with the source code, a live preview where available, the library license and the install command.
Showing 120 of 2,962, a mix from every library. Open a library to see all of its components.
Attachmentshadcn/ui · ReactDisplays a file or image attachment with media, metadata, upload state, and actions.
AutocompleteMUI / Material UI · React
Comet DialReact Bits · ReactTick-ring dial you flick by angle: the reading launches on a spring and a velocity-driven comet streaks behind the lit…
CheckboxdaisyUI · CSS (Tailwind)
CheckboxChakra UI · ReactUsed in forms when a user needs to select multiple values from several options
AutocompleteHeroUI · ReactAn autocomplete combines a select with filtering, allowing users to search and select from a list of options
CheckboxHeadless UI · React
CheckboxReact Spectrum · ReactCheckboxes allow users to select multiple items from a list of individual items, or to mark one individual item as…
Autocompletecoss ui · ReactAn input that suggests options as you type.
CheckboxOrigin UI · ReactA control allowing the user to toggle between checked and not checked.
CheckboxRadix Themes · React
DropdownPreline UI · JavaScript (HTML + Tailwind)
Base SelectCult UI · ReactBase UI select primitives used by Halo Select
Angle SliderArk UI · ReactA component for selecting a value within a circular range.
Error State Shaketransitions.dev · HTML/CSSInput that shakes sideways when the value is invalid.
CheckboxTremor · React
AutocompleteReUI · ReactAn input that suggests options as you type.
Formpdfcn · ReactForm PDF component (forme)
Ab Segmented TabsAmicro Micro Transitions · ReactSegmented control where active letter (A or B) slides into a solid pill.
Mic SelectorAI Elements · ReactA composable dropdown component for selecting audio input devices with permission handling and device change detection.
CheckboxPark UI · ReactA form input component for toggling between checked and unchecked states.
Auto CompleteLobe UI · ReactProvides a dropdown of suggestions as the user types, extending Ant Design AutoComplete with additional styling options.
Command PaletteKokonut UI · React⌘K command palette with nested pages, fuzzy matching and in-row progress for running actions.
auth-01Intent UI · Reactauth-01
CheckboxUntitled UI React · React
Arc PickerbeUI · ReactRadial text picker with top, bottom, left or right curves, smooth wheel movement and live selection on each scroll…
CheckboxTailGrids · ReactA checkbox component with label and multiple states.
Delete ButtonRare UI · ReactA delete button that asks for confirmation in place, no dialog needed.
Account Access CardSpectrum UI · ReactA credentials card that auto-fills email and password on a loop, with a danger zone.
Animated CheckboxSpell UI · ReactAnimated checkbox with spring transitions and strike-through text effect.
Gooey SearchVengeance UI · ReactMorphing gooey blob search button with animated results
Ask User QuestionsFluid Functionalism · ReactStepped question flow with numbered options, keyboard shortcuts (1–9), single or multi-select, inline 'other' text…
Actions ControlToolcraft · React
Around Theme ToggleTheme Toggles · ReactAn animated sun-and-moon theme toggle with a sweeping transition.
Ai InputPanel UI · React NativeA prompt composer: a field that grows to five lines, a row of controls, and the sheet they open.
Alert 18 - Form Error SummaryShadcn Space · ReactForm error summary alert that lists every invalid field with links that focus it, receives focus on submit, and clears…
Cards SliderPixel Perfect · ReactCards Slider — an infinite deck of product cards. The active card sits
Booking Slot CalendarOpenSourceUI · React
Day Pickeruselayouts · ReactA custom day picker component with smooth animations.
Checkbox DrawKinetics · HTML/CSSThe tick is drawn with an animated SVG stroke
CheckboxBoardUI · ReactAnimated tick, card variant, two sizes.
Wheel CarouselComponentry · ReactA cinematic rotating-wheel picker with inertial drag, curved fading labels, and crossfading project imagery.
CheckboxTremor Blocks · React
CheckboxShadcn Dashboard · React
Contact Onecnblocks · SvelteContact form with input fields and submit button
Spell Animated CheckboxAnimations (Svelte) · Svelte
Prompt InputAI Elements (Svelte) · SvelteA composable prompt input surface with attachments, action menus, and provider-driven text handling.
Address FieldSwiftPieces · SwiftUIAn address field whose suggestions pour out as a glass list and resolve into a structured address with street, city…
Parallax SliderObsidianUI · ReactA full-width image slider where each slide moves with a parallax offset, driven by drag, arrows or keys.
ChatGPT ComposerNotra · ReactThe pill-shaped Ask anything input with model picker and send button.
Animated SelectGreatUI · React
Checkboxes 01Oxbow UI · AstroBasic Checkbox with State Tracking
AI InputNexvyn UI · ReactAI composer textarea with auto-grow, send/stop button morph, attachment slots, and Enter-to-send.
Audio Device Selectaudiocn · ReactA microphone, speaker or source picker with loading, permission, None and disconnected-device states, and a slot for a…
Animated FormForge UI · ReactAnimated form mimicking account creation with progressive name/password animation and completion checkmarks.
checkboxBaseLayer · ReactA checkbox allows a user to select multiple items from a list of individual items, or to mark one individual item as…
CheckboxShark UI · ReactControl for multiple selections in a set.
Morph Search CapsuleRewamp UI · ReactSleek, tactile search pill capsule with click ripple physics and a buttery-smooth fluid SVG morph transition between…
RealisticSwitchEvil Buttons · ReactA latching push switch, a raised box that sinks into its socket when pressed, stays down and glows while on, and…
Reasoning EffortAI CSS · React
Gooey Color Picker23rd.dev · ReactA floating color picker with a circular hue wheel, alpha slider, hex field, and motion-powered open/close.
Animated CheckboxSona UI · ReactAn accessible Base UI checkbox with a drawn checkmark and a restrained animated state change.
Draw SignatureWatermelon UI · ReactSignature pad to draw a signature with the mouse or finger.
Auth Fivesv-efferd · SvelteA split-screen auth experience with animated background paths and broader provider options.
Billing toggleArc Library · ReactA monthly and yearly switch with a savings badge and prices that roll to the new amount.
Data Table Faceted Filtersv-table · SvelteA searchable multi-select filter with live counts for categorical table columns.
Glass Checkboxglasscn · ReactGlass Checkbox with five variants: clear, frosted, subtle, liquid, and liquid-refract
Caps Lock WarningUI Lab · ReactA small caps lock key with its light on slides into the field when caps is on.
AttachmentHextaUI · ReactFile and image cards for uploads, with progress, states, actions, a full-card trigger and names that keep their…
Mic SelectorLocalMode · ReactA microphone input-device picker with permission handling and live device enumeration — fully offline, using only…
Motion AdjusterCojeev UI · ReactProvides live controls for the shared motion settings and editable body profiles used across the library.
Bounce CheckboxMicroKit · ReactA checkbox whose fill springs out past the box with a little swell, draws its tick, then strikes the label through and…
AI ComposerROI UI · ReactAn AI chat input component with mode selector and action buttons.
With selectFLX UI · ReactSort dropdown paired with a direction-toggle icon button in a merged-border row.
Split login pageVelora UI · ReactLogin form with password reveal, remember-me and social sign-in beside an aurora testimonial panel.
Agent Chat PatternHalaska UI · React
Characters Remaining Countsv-particles · SvelteText input that shows how many characters are still left before the limit.
Contact FormPin UI · React
AI composerMetal UI · React + SwiftUIA chat block: a composer that grows, attachments, a model choice, and replies that stream in word by word with stop…
Ai Chat WorkspaceSpaceUI · ReactFull-featured AI Studio chat workspace template featuring conversational threads, multi-model selection, real-time…
Aria AttachmentReScript shadcn · ReScript
AI Chat BoxSkecher UI · ReactA polished AI prompt composer with model controls, attachments, and animated interaction states.
Base CheckboxSora UI · ReactAn accessible, stylable checkbox built on Base UI with a Motion-friendly animated indicator.
Currency SwitchZAYX · React Native
Theme ToggleCue Foundations · React
CheckboxOUI · ReactReact aria components Checkbox with shadcn characteristics.
Liquid CheckboxLiquefy UI · ReactCheckbox in liquid glass style.
AI Content Creator CardD2Studio UI · ReactPro version content creation card
CheckboxEaseUI · ReactCheckbox on a real checkbox input, with a check mark that pops in rather than just appearing.
Glass Control CenterOpaline · ReactmacOS-style Control Center kit — glass modules, toggles, light-filled sliders and buttons.
AttachmentFibo · ReactOne added file as a chip or an image thumbnail, with its upload status and buttons to remove or retry.
AI Edit ReviewReactFrame · ReactAn AI text editor that rewrites a selected passage, streams a word-level diff review with accept/reject actions, and…
File UploadAceternity UI · React
Angle Sliderark-cn · ReactA shadcn-style angle slider component built with Ark UI primitives.
Comboboxshadcn/ui · ReactAutocomplete input with a list of suggestions.
CheckboxMUI / Material UI · React
Curved InputReact Bits · ReactArc-bent input bar with text, caret and submit button all following the curve.
DropdowndaisyUI · CSS (Tailwind)
Checkbox CardChakra UI · ReactUsed to select or deselect options displayed within cards.
CheckboxHeroUI · ReactA selectable control that allows users to toggle between checked and unchecked states.
ComboboxHeadless UI · React
Checkbox GroupReact Spectrum · ReactA CheckboxGroup allows users to select one or more items from a list of choices.
Checkboxcoss ui · ReactA control allowing the user to toggle between checked and not checked.
InputOrigin UI · ReactA native input element.
Checkbox GroupRadix Themes · React
File UploadPreline UI · JavaScript (HTML + Tailwind)
Border Beam InputCult UI · Reactborder-beam on Base UI input and input-group primitives with line or full border glow
CheckboxArk UI · ReactA control element that allows for multiple selections within a set.
Input Clear With Dissolvetransitions.dev · HTML/CSSInput whose text dissolves away when the clear button is pressed.
Date PickerTremor · React
Single file attachment in an assistant replyReUI · ReactSingle file attachment in an assistant reply
Medical Intake Formpdfcn · ReactMedical Intake Form PDF block (forme)
AI Prompt Input StudioAmicro Micro Transitions · ReactDynamic auto-expanding AI textarea with model switcher, live voice dictation wave pulse, web search & deep thinking…
Prompt InputAI Elements · ReactAllows a user to send a message with file attachments to a large language model. It includes a textarea, file upload…
ClipboardPark UI · ReactA component for copying text content to the system clipboard.
CheckboxLobe UI · ReactBase UI-powered Checkbox and CheckboxGroup with lobe visual style.
AI AutocompleteKokonut UI · ReactA text box that suggests how your sentence ends in grey after the caret. Tab takes it all, the right arrow takes one…
auth-02Intent UI · Reactauth-02
Date PickerUntitled UI React · React
Attachment UploadbeUI · ReactA mixed attachment workspace with a dropzone, staggered file and image rows, animated upload, success, failure, retry…
Libraries with input components
Related categories
- React Input Components
- Tailwind CSS Input Components
- Svelte Input Components
- React Native Input Components
- Animated Input Components
- shadcn/ui Input Components
- Text Input Components
- Select Components
- Form Field Components
- Form Components
- Textarea Components
- Switch Components
- Checkbox Components
- Slider Components
- Radio Components
- Combobox Components
- File Upload Components
- Search Input Components
- Date Picker Components
- Login Form Components
- Color Picker Components
- OTP Input Components