# Number Input components

> Browse 8 Number Input components for React, styled with Tailwind CSS and ready for your Next.js project.

39 components available. Showing all of them below.

- [Input](https://21st.dev/@originui/components/input/number-input-with-plus-minus-buttons.md) — by Origin UI
- [Input](https://21st.dev/@originui/components/input/number-input-with-chevrons.md) — by Origin UI
- [Correct Number Input](https://21st.dev/@ruixen.ui/components/correct-number-input.md) — by Ruixen UI
- [Numeric Input](https://21st.dev/@kokonutd/components/numeric-input.md) — by Kokonut Baffier
- [Number Field](https://21st.dev/@olivier_1b6cd5bc/components/number-field-1.md) — by Olivier Tassinari
- [NumberField \[react-aria-components\]](https://21st.dev/@jolbol1/components/numberfield.md) — by James Shopland
- [Number Input](https://21st.dev/@anubra266/components/number-input/number-quantity-input.md) — by Abraham
- [Number Input](https://21st.dev/@anubra266/components/number-input.md) — by Abraham
- [Number Input](https://21st.dev/@anubra266/components/number-input/price-with-scrubber.md) — by Abraham
- [Number Input](https://21st.dev/@anubra266/components/number-input/price-mouse-wheel.md) — by Abraham
- [Number Input](https://21st.dev/@anubra266/components/number-input/price-decimal.md) — by Abraham
- [Number Input](https://21st.dev/@anubra266/components/number-input/min-max-price.md) — by Abraham
- [Number Input](https://21st.dev/@anubra266/components/number-input/price-percentage.md) — by Abraham
- [Number Input](https://21st.dev/@anubra266/components/number-input/number-input-price.md) — by Abraham
- [Number Pad](https://21st.dev/@bankkroll/components/number-pad.md) — by Bankk
- [HeroUI Number Field](https://21st.dev/@hero_ui/components/heroui-number-field.md) — by Hero Ui
- [HeroUI Number Field](https://21st.dev/@hero_ui/components/heroui-number-field/form-example.md) — by Hero Ui
- [HeroUI Number Field](https://21st.dev/@hero_ui/components/heroui-number-field/variants.md) — by Hero Ui
- [HeroUI Number Field](https://21st.dev/@hero_ui/components/heroui-number-field/with-chevrons.md) — by Hero Ui
- [HeroUI Number Field](https://21st.dev/@hero_ui/components/heroui-number-field/format-options.md) — by Hero Ui
- [HeroUI Number Field](https://21st.dev/@hero_ui/components/heroui-number-field/step-values.md) — by Hero Ui
- [HeroUI Number Field](https://21st.dev/@hero_ui/components/heroui-number-field/controlled.md) — by Hero Ui
- [HeroUI Number Field](https://21st.dev/@hero_ui/components/heroui-number-field/validation.md) — by Hero Ui
- [HeroUI Number Field](https://21st.dev/@hero_ui/components/heroui-number-field/required-field.md) — by Hero Ui
- [HeroUI Number Field](https://21st.dev/@hero_ui/components/heroui-number-field/with-description.md) — by Hero Ui
- [Reshaped Number field](https://21st.dev/@reshaped/components/reshaped-number-field/form-control.md) — by reshaped
- [Reshaped Number field](https://21st.dev/@reshaped/components/reshaped-number-field/text-field.md) — by reshaped
- [Reshaped Number field](https://21st.dev/@reshaped/components/reshaped-number-field/controlled.md) — by reshaped
- [Reshaped Number field](https://21st.dev/@reshaped/components/reshaped-number-field.md) — by reshaped
- [Input](https://21st.dev/@originui/components/input/input-with-range.md) — by Origin UI
- [BeUI Prediction Market](https://21st.dev/@saurabh10102/components/be-ui-prediction-market.md) — by Saurabh Chauhan
- [Field](https://21st.dev/@coss.com/components/field/number-field.md) — by coss
- [Input With Select](https://21st.dev/@ruixen.ui/components/input-with-select.md) — by Ruixen UI
- [Button Group](https://21st.dev/@ShadcnStudio/components/button-group/button-group-zoom-img.md) — by ShadcnStudio
- [Animated Stepper](https://21st.dev/@kauasodreas/components/stepper.md) — by User
- [Range Slider Input](https://21st.dev/@ruixen.ui/components/range-slider-input.md) — by Ruixen UI
- [Number Flow](https://21st.dev/@educlopez/components/number-flow.md) — by Edu Calvo
- [HeroUI Input Group](https://21st.dev/@hero_ui/components/heroui-input-group/with-prefix-and-suffix.md) — by Hero Ui
- [Quantity](https://21st.dev/@youcefbnm/components/quantity.md) — by YoucefBnm Bnm

Full component directory: https://21st.dev/llms.txt