10 Best Number Input (Input Spinner) Plugins In JavaScript (2024 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 plugins that help developers create highly customizable and user-friendly input spinners to enhance the number input experience.
Originally Published Jul 31 2019, updated Feb 03 2024
Table of contents:
jQuery Input Spinner Plugins:
Easy Input Spinner Plugin For Bootstrap 5/4 - InputSpinner.js
An easy yet customizable input spinner plugin for Bootstrap 5/4 framework that enables the users to increment/decrement a number by using +/- buttons.
Number Input Spinner With jQuery - Nice Number
The Nice Number jQuery plugin turns the regular number input into a handy input spinner that allows the user to pick numbers by using increment/decrement buttons.
jQuery Plugin To Create Increment / Decrement Input Spinners - handleCounter
A simple plain jQuery input spinner plugin which enables plus and minus buttons to increment and decrement the input's 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.
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.
Vanilla JS Input Spinner Plugins:
Quantity Input
The Quantity Input library helps you create a beautiful number input spinner to spin quantities with increase and decrease buttons.
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.
Animated Input Spinner With Pure JavaScript and CSS/CSS3
An animated input spinner with rolling numbers built using pure JavaScript and CSS3 animations.
Lightweight & Mobile-friendly Input Spinner – input-touchspin
A lightweight, framework-agnostic, and touch-enabled input spinner component written in Vanilla JavaScript.
Easy Input Spinner For Number Input – input-numspin
An easy-to-use number input spinner plugin created for the latest Bootstrap 5 framework.
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.
