10 Best Number Input (Input Spinner) Plugins In JavaScript (2023 Update)

by jQueryScript,

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.

Touch-Friendly jQuery Input Spinner Plugin For Bootstrap

[Demo] [Download]


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).

Customizable Number Input Spinner Plugin with jQuery - Spinner.js

[Demo] [Download]


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.

Easy Input Spinner Plugin For Bootstrap 4 - InputSpinner.js

[Demo] [Download]


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.

Lightweight Touch-friendly Input Stepper For jQuery - Stepper.js

[Demo] [Download]


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.

Spin Numbers With Plus/Minus Buttons - jQuery Number Spinner

[Demo] [Download]


Vanilla JS Input Spinner Plugins:

smart-number-inputs

Increment/decrement number values in text inputs using up and down arrow keys.

smart-number-inputs

[Demo] [Download]


input-touchspin

Increment/decrement number values in text inputs using up and down arrow keys.

input-touchspin

[Demo] [Download]


Quantity Input

The Quantity Input library helps you create a beautiful number input spinner to spin quantities with increase and decrease buttons.

Quantity Input

[Demo] [Download]


Animated Input Spinner With Pure JavaScript and CSS/CSS3

An animated input spinner with rolling numbers built using pure JavaScript and CSS3 animations.

Animated Input Spinner With Pure JavaScript and CSS/CSS3

[Demo] [Download]


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.

Increment/Decrement A Number Input With Up/Down Buttons – ispinjs

[Demo] [Download]


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.