10 Best Number Input (Input Spinner) Plugins In JavaScript

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.

Table of contents:

jQuery Input Spinner Plugins:

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]


Simple Number Spinner Input Plugin For jQuery - DP Number Picker

DP Number Picker is a jQuery plugin for converting a DIV element into a spinner input that allows to pick a number by clicking the '+' or '-' buttons.

Simple Number Spinner Input Plugin For jQuery - DP Number Picker

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


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]


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]


Simple jQuery Plugin For Cross Browser Number Inputs - Stepper

Stepper is a simple and cross-browser jQuery plugin for number input fields, which will will automatically detect the minimum, maximum and increment values based on the min, max and step attributes.

Simple jQuery Plugin For Cross Browser Number Inputs - Stepper

[Demo] [Download]


Vanilla JS Input Spinner Plugins:

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]


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]


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:

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.