10 Best Number Input (Input Spinner) Plugins In JavaScript (2021 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 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.
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.
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.
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.
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.
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.
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.
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.
Animated Input Spinner With Pure JavaScript and CSS/CSS3
An animated input spinner with rolling numbers built using pure JavaScript and CSS3 animations.
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.
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.
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.
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.