Skip to content
GitHub

Quantity Input Components

Quantity input components built with Tailwind CSS v4. These responsive, customizable number inputs are ideal for ecommerce, order forms, and shopping carts. Optimized for accessibility, SEO, and mobile usability.

Base with plus and minus buttons

 
 
   
Contributors:
markmead
 
Plugins:
@tailwindcss/forms
 
 
  
Base with plus and minus buttons (Dark)
  
 
             
   
 
 
   
Contributors:
markmead
 
Plugins:
@tailwindcss/forms
 
 
  
Base with plus and minus buttons, no spinners in the input
  
 
             
   
 
 
   
Contributors:
markmead
 
Plugins:
@tailwindcss/forms
 
 
  
Base with plus and minus buttons, no spinners in the input (Dark)
  
 
             
   
 
 
   
Contributors:
markmead
 
Plugins:
@tailwindcss/forms
 
 
  
Base with plus and minus buttons, no spinners in the input and text centered
  
 
             
   
 
 
   
Contributors:
markmead
 
Plugins:
@tailwindcss/forms
 
 
  
Base with plus and minus buttons, no spinners in the input and text centered (Dark)
  
 
             
   
 
 
   
Contributors:
markmead
 
Plugins:
@tailwindcss/forms
 
 
  
Bordered with plus and minus buttons
  
 
             
   
 
 
   
Contributors:
markmead
 
Plugins:
@tailwindcss/forms
 
 
  
Bordered with plus and minus buttons (Dark)
  
 
             
   
 
 
   
Contributors:
markmead
 
Plugins:
@tailwindcss/forms
 
 
 
 
Related Components