GitHub

Step Components

Step components built with Tailwind CSS v4. These responsive, customizable step indicators are perfect for onboarding, progress tracking, and multi-step forms in web applications. Optimized for accessibility, SEO, and mobile usability.

Title, icon and progress bar

 
 
   
Contributors:
markmead
  
 
  
Title, icon and progress bar (Dark)
  
 
             
   
 
 
   
Contributors:
WinnyChang
  
 
  
Title, step/total and progress bar
  
 
             
   
 
 
   
Contributors:
markmead
  
 
  
Title, step/total and progress bar (Dark)
  
 
             
   
 
 
   
Contributors:
WinnyChang
  
 
  
Title, check icon and progress bar
  
 
             
   
 
 
   
Contributors:
markmead
  
 
  
Title, check icon and progress bar (Dark)
  
 
             
   
 
 
   
Contributors:
WinnyChang
  
 
  
Grouped with title and description, with highlighted current step
  
 
             
   
 
 
   
Contributors:
markmead
  
 
  
Grouped with title and description, with highlighted current step (Dark)
  
 
             
   
 
 
   
Contributors:
WinnyChang
  
 
  
Timeline with title, with highlighted current step
  
 
             
   
 
 
   
Contributors:
markmead
  
 
  
Timeline with title, with highlighted current step (Dark)
  
 
             
   
 
 
   
Contributors:
WinnyChang
  
 
 
 
Related Components