Tailwind CSS Number Input Components

Dev Design Library indexes 40 Tailwind CSS number input components from 24 open-source UI libraries, with the most coming from ReUI, Toolcraft, UI Lab, React Spectrum and Origin UI. 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 styles its components with Tailwind CSS utility classes. Number input components belong to the Inputs group.

• Number FieldHeroUI · ReactNumber input fields with increment/decrement buttons, validation, and internationalized formatting
• Number FieldReact Spectrum · ReactNumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.
• Number Fieldcoss ui · ReactA numeric input element with increment and decrement buttons, and a scrub area.
• Comp 28Origin UI · React
• Basic number fieldReUI · ReactBasic number field
• Team SelectorKokonut UI · ReactSeat picker with a scrubbable number, generated avatars and an optional rolling price line.
• number-fieldIntent UI · Reactnumber-field
• Number FieldTailGrids · ReactA component for entering numeric values with increment and decrement buttons.
• Quantity StepperSpectrum UI · ReactAn animated quantity input for carts and forms with rolling digits, hold-to-repeat acceleration, and a boundary shake
• Color Value ControlToolcraft · React
• Number InputPanel UI · React NativeNumeric field stepped by buttons or typed by hand.
• Slider 08 - With Number InputShadcn Space · ReactOpacity slider kept in sync with a number input that clamps and rounds typed values, plus a live preview swatch.
• Quantity Stepper ButtonOpenSourceUI · React
• Parameter Slideraudiocn · ReactA labelled slider with a numeric input, unit, marks, reset and a linear or log scale, for gain trims, delays…
• Number InputShark UI · ReactNumeric input for entering values.
• Number Range Filtersv-table · SvelteA number range picker with exact inputs, an optional slider, and explicit apply behavior.
• Number StepperUI Lab · ReactRolls each digit the way the count moves, and speeds up the longer you hold.
• Number inputCojeev UI · ReactA number field with readable formatting, a native editing caret and expressive stepping.
• Scrub Number FieldMicroKit · ReactA number field you drag to scrub and click to type, with a ruler that tracks the gesture.
• Number FieldSpaceUI · ReactAllows users to enter numeric values or adjust them step-by-step using increment and decrement buttons or keyboard…
• Number FieldOUI · ReactReact aria components Number Field with shadcn characteristics.
• Glass StepperOpaline · ReactCapsule stepper with rolling digits, hold-to-accelerate and a shake at the limits.
• Currency InputReactFrame · ReactA money input with a currency picker: live thousands separators for any locale, the right number of decimals per…
• Number Fieldark-cn · ReactA shadcn-style number field component built with Ark UI primitives.
• Tailwind Number FieldReact Spectrum · React
• Comp 29Origin UI · React
• Basic number fieldReUI · ReactBasic number field
• Range Input ControlToolcraft · React
• Tempo Controlaudiocn · ReactAn editable BPM input with tap tempo, keyboard stepping and a rolling average.
• Scrub InputUI Lab · ReactDrag the label and a tape measure runs under the needle, or just type.
• Number InputReactFrame · ReactA numeric field with minus/plus steppers, press-and-hold auto repeat, min/max clamping, decimal precision, prefix and…
• Vanilla Number FieldReact Spectrum · React
• Basic number fieldReUI · ReactBasic number field
• Slider ControlToolcraft · React
• Tally CounterUI Lab · ReactCounts in hand-drawn tally marks, one pen stroke at a time.
• Number field with buttons on rightReUI · ReactNumber field with buttons on right
• Vector ControlToolcraft · React
• Number field with spinner buttonsReUI · ReactNumber field with spinner buttons
• Number field in formReUI · ReactNumber field in form
• Number FieldReUI · ReactA numeric input element with increment and decrement buttons, and a scrub area.

Libraries with Tailwind CSS number input components

• ReUI
• Toolcraft
• UI Lab
• React Spectrum
• Origin UI

Related categories

• Number Input Components
• React Number Input Components
• Animated Number Input Components
• Tailwind CSS Input Components
• Tailwind CSS Text Input Components
• Tailwind CSS Select Components
• Tailwind CSS Form Field Components
• Tailwind CSS Form Components
• Tailwind CSS Textarea Components
• Tailwind CSS Checkbox Components
• Tailwind CSS Switch Components
• Tailwind CSS Slider Components
• Tailwind CSS Radio Components
• Tailwind CSS Combobox Components
• Tailwind CSS File Upload Components
• Tailwind CSS Search Input Components
• Tailwind CSS Date Picker Components
• Tailwind CSS Login Form Components
• Tailwind CSS Color Picker Components