10 Best Number Input (Input Spinner) Plugins In JavaScript (2025 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 plugins that help developers create highly customizable and user-friendly input spinners to enhance the number input experience.

Originally Published Jul 31 2019, updated Jan 20 2025

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.

Easy Input Spinner Plugin For Bootstrap 4 - InputSpinner.js

[Demo] [Download]


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.

jQuery Plugin To Create Increment / Decrement Input Spinners - handleCounter

[Demo] [Download]


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.

Number Input Spinner With jQuery - Nice Number

[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]


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]


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.

Quantity Input

[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]


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]


Easy Input Spinner For Number Input – input-numspin

An easy-to-use number input spinner plugin created for the latest Bootstrap 5 framework.

Easy Input Spinner For Number Input – input-numspin

[Demo] [Download]


Convineint Number Spinner Control In Pure JS – Increment Stepper

The pure JavaScript/CSS increment stepper converts the normal number input into a spinner control with increment and decrement buttons.

Convineint Number Spinner Control In Pure JS – Increment Stepper

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