Dev Design LibraryReact Native Input Components
Dev Design Library indexes 40 React Native input components from 2 open-source UI libraries, with the most coming from Panel UI and ZAYX. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React Native.
Ai InputPanel UI · React NativeA prompt composer: a field that grows to five lines, a row of controls, and the sheet they open.
Currency SwitchZAYX · React Native
CheckboxPanel UI · React NativeAnimated checkbox, as a row or a selectable card.
Payment ReminderZAYX · React Native
Color PickerPanel UI · React NativeA colour chosen by dragging — a saturation square or a wheel, a hue scale, and opacity.
Quick PayZAYX · React Native
Date PickerPanel UI · React NativeA calendar behind a button.
Date Time PickerPanel UI · React NativeA day and a time of day, picked in one panel.
FieldPanel UI · React NativeLayout and validation-state kit a form control composes into.
File UploadPanel UI · React NativePick files and photos, check them, and run their uploads.
FormPanel UI · React NativeForm state — values, validation and submission — with no form library underneath.
InputPanel UI · React NativeText field with label, description and error message.
Input GroupPanel UI · React NativeInput with leading and trailing decorators.
Markdown EditorPanel UI · React NativeA field for writing markdown, with a formatting toolbar and a rendered preview.
Number InputPanel UI · React NativeNumeric field stepped by buttons or typed by hand.
Otp InputPanel UI · React NativeOne-time-code field drawn as a row of separate cells.
Radio GroupPanel UI · React NativeSingle-select list of options.
RatingPanel UI · React NativeA row of stars to read or set a score.
Search BarPanel UI · React NativeSearch field with a clear button, a Cancel button and a panel of results.
SelectPanel UI · React NativePicker shown in a bottom sheet, expanded in place, or floating over the page.
SignaturePanel UI · React NativeSign with a finger, and get the result back out as SVG or PNG.
SliderPanel UI · React NativePick a value, or a span, by dragging a thumb along a track.
TextareaPanel UI · React NativeText field that runs to several lines, sized in rows.
Theme SelectorPanel UI · React NativeLight, dark or the device's setting, drawn as three miniature screens.
Time PickerPanel UI · React NativeA time of day, as a wheel, a clock or a swipeable scale.
Web CheckboxPanel UI · React NativeCheckboxes with labels and helper text for forms and settings.
Web ComboboxPanel UI · React NativeA searchable combobox with single and multiple selection and tag chips.
Web FieldPanel UI · React NativeForm fields with label, control, helper text and validation message.
Web InspectorPanel UI · React NativeA design inspector panel with alignment, color, fill, text and shadow controls.
Web Model PickerPanel UI · React NativeAn AI model picker with logos and context, speed, intelligence and price per model.
Web Radio GroupPanel UI · React NativeRadio groups with descriptions and disabled options.
Web SliderPanel UI · React NativeSliders for photo adjustments and zoom, with step buttons.
Web Xy PadPanel UI · React NativeA two-axis pad for setting a pair of values at once, such as light position.
Week StripPanel UI · React NativeOne row of days to pick from, with marks for what is on each.
SwitchPanel UI · React Native
Web Bar PickerPanel UI · React Native
Web InputPanel UI · React Native
Web SelectPanel UI · React Native
Web SwitchPanel UI · React Native
Web TextareaPanel UI · React Native