Bootstrap TouchSpin

A mobile and touch-friendly input spinner component
Now supporting Bootstrap 3, 4 & 5

jQuery Compatible Mobile Friendly Auto-Detection Fast & Lightweight

Quick Demo

Try it right here! This demo uses the Bootstrap 5 specific build for optimal performance.

Explore Version-Specific Demos

Each demo showcases TouchSpin's compatibility with different Bootstrap versions, featuring version-specific components and styling.

Bootstrap 3

Bootstrap 3.4.1

Classic Bootstrap with input-group-btn and input-group-addon classes. Perfect for legacy projects and stable environments.

  • Traditional input groups
  • Classic button styling
  • Font Awesome icons
  • jQuery 1.11+ compatible
Bootstrap 3 Demo
Bootstrap 4

Bootstrap 4.6.2

Modern Bootstrap with input-group-prepend/append structure. Flexbox-based design with enhanced components.

  • Flexbox input groups
  • Enhanced button variants
  • Font Awesome 5 icons
  • Responsive design
Bootstrap 4 Demo
Bootstrap 5

Bootstrap 5.3.0

Latest Bootstrap with simplified structure, CSS custom properties, and no jQuery dependency requirement.

  • Simplified input groups
  • CSS custom properties
  • Bootstrap Icons
  • Modern utilities
Bootstrap 5 Demo

Key Features

Auto-Detection

Automatically detects Bootstrap version and renders appropriate HTML structure.

Touch Friendly

Optimized for mobile and touch devices with responsive button sizing.

Performance Boost

Built-in booster functionality for rapid value changes with configurable acceleration.

Highly Configurable

Extensive options for customization including styling, behavior, and validation.

Technical Implementation

Architecture
  • Renderer Pattern: Modular Bootstrap version-specific renderers
  • Factory Pattern: Automatic renderer selection and instantiation
  • UMD Support: Works with AMD, CommonJS, and global jQuery
  • ES5 Compatible: Transpiled for broad browser support
Build System
  • Rollup: Library bundling with tree-shaking
  • Babel: ES5 transpilation for compatibility
  • Terser: Minification and optimization
  • Source Maps: Full debugging support

Open Source

Bootstrap TouchSpin is open source and available on GitHub. Contributions, issues, and feedback are always welcome!

View on GitHub Download