10 Best Number Input (Input Spinner) Plugins In JavaScript (2021 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 03 2021

Table of contents:

jQuery Input Spinner Plugins:

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]


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 number by using increment/decrement buttons.

Number Input Spinner With jQuery - Nice Number

[Demo] [Download]


jQuery Plugin To Create Increment / Decrement Input Spinners - handleCounter

handleCounter is 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]


Input Number Spinner with jQuery and Bootstrap - Spinner

Spinner is a jQuery spinner plugin worked with Bootstrap 3 (OPTIONAL) that allows you to create input spinner components using number inputs.

Input Number Spinner with jQuery and Bootstrap - Spinner

[Demo] [Download]


Touch-Friendly jQuery Input Spinner Plugin For Bootstrap 3/4 - TouchSpin

TouchSpin is a jQuery plugin for Bootstrap 3 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 3/4 - TouchSpin

[Demo] [Download]


User-Friendly Number Input Spinner with jQuery and Bootstrap

An input spinner component for Bootstrap to extend the default number input that allows the users to easily select a number by clicking the plus/minus buttons.

User-Friendly Number Input Spinner with jQuery and Bootstrap

[Demo] [Download]


Simple Number Spinner with jQuery and CSS3 - Simple Spinner

A super tiny jQuery number picker plugin which converts a stylish number input into a number spinner with "+" and "-" controls.

Simple Number Spinner with jQuery and CSS3 - Simple Spinner

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


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]


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]


tirette.js

The tirette.js JavaScript library helps you create an input spinner where you can increase & decrease values by using drag event on desktop or mobile device.

tirette.js

[Demo] [Download]


Conclusion:

Want more jQuery plugins or JavaScript libraries to create awesome Input Spinner on the web & mobile? Check out the jQuery Input Spinner and JavaScript Input Spinner sections.