10 Best Number Input (Input Spinner) Plugins In JavaScript (2023 Update)
What Is Number Input?
Number input is an input component where the users can enter/select a numeric value with incrementer and decrementer buttons. Also known as input spinner.
The Best Number Input Plugin
Want to have a JavaScript plugin to enhance and beautify the native browser number input?
In this article you will find the 10 best jQuery and Vanilla JavaScript plugin that helps developers create highly customizable and user-friendly input spinners for the number input.
Originally Published Jul 31 2019, updated Feb 02 2023
Table of contents:
jQuery Input Spinner Plugins:
Touch-Friendly jQuery Input Spinner Plugin For Bootstrap
A jQuery plugin for Bootstrap to create a touch-friendly spinner widget that wraps a text input with two buttons to increment and decrement the current value.
Customizable Number Input Spinner Plugin with jQuery - Spinner.js
A jQuery plugin that turns a normal text input into a highly customizable number spinner with up/down arrows for easier numeral data input (currency, quantity, daytime, etc).
Easy Input Spinner Plugin For Bootstrap 4 - InputSpinner.js
An easy yet customizable input spinner plugin for Bootstrap 4 framework that enables the users to increment/decrement a number by using +/- buttons.
Lightweight Touch-friendly Input Stepper For jQuery - Stepper.js
A lightweight jQuery plugin that converts the native number input into an user-friendly spinbox with up/down buttons to increment/decrement a numeric value.
Spin Numbers With Plus/Minus Buttons - jQuery Number Spinner
Just another jQuery based number spinner plugin that enables your users to spin numbers with plus and minus buttons.
Vanilla JS Input Spinner Plugins:
smart-number-inputs
Increment/decrement number values in text inputs using up and down arrow keys.
input-touchspin
Increment/decrement number values in text inputs using up and down arrow keys.
Quantity Input
The Quantity Input library helps you create a beautiful number input spinner to spin quantities with increase and decrease buttons.
Animated Input Spinner With Pure JavaScript and CSS/CSS3
An animated input spinner with rolling numbers built using pure JavaScript and CSS3 animations.
Increment/Decrement A Number Input With Up/Down Buttons – ispinjs
ispinjs is a small, customizable, extendable JavaScript input spinner library that enables the user to increment/decrement a number input with up/down buttons.
Conclusion:
Looking for more jQuery plugins or JavaScript libraries to create awesome Input Spinner on the web & mobile? See jQuery Input Spinner and JavaScript Input Spinner sections for more details.