Steps
Simple
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Simple](https://cdn.tailkit.com/media/screenshots/application-ui/components/steps/simple.png)
Simple with Progress
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Simple with Progress](https://cdn.tailkit.com/media/screenshots/application-ui/components/steps/simple-with-progress.png)
Simple Vertical
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Simple Vertical](https://cdn.tailkit.com/media/screenshots/application-ui/components/steps/simple-vertical.png)
Alternate
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Alternate](https://cdn.tailkit.com/media/screenshots/application-ui/components/steps/alternate.png)
Alternate with Progress
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Alternate with Progress](https://cdn.tailkit.com/media/screenshots/application-ui/components/steps/alternate-with-progress.png)
Alternate Vertical
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Alternate Vertical](https://cdn.tailkit.com/media/screenshots/application-ui/components/steps/alternate-vertical.png)
Circles
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Circles](https://cdn.tailkit.com/media/screenshots/application-ui/components/steps/circles.png)
Circles with Labels
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Circles with Labels](https://cdn.tailkit.com/media/screenshots/application-ui/components/steps/circles-with-labels.png)
Circles Vertical
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Circles Vertical](https://cdn.tailkit.com/media/screenshots/application-ui/components/steps/circles-vertical.png)
Circles Vertical with Labels
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Circles Vertical with Labels](https://cdn.tailkit.com/media/screenshots/application-ui/components/steps/circles-vertical-with-labels.png)
Bullets
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Bullets](https://cdn.tailkit.com/media/screenshots/application-ui/components/steps/bullets.png)
Bullets with Labels
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Bullets with Labels](https://cdn.tailkit.com/media/screenshots/application-ui/components/steps/bullets-with-labels.png)
Bullets Vertical
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Bullets Vertical](https://cdn.tailkit.com/media/screenshots/application-ui/components/steps/bullets-vertical.png)
Bullets Vertical with Labels
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Bullets Vertical with Labels](https://cdn.tailkit.com/media/screenshots/application-ui/components/steps/bullets-vertical-with-labels.png)
Lines with Labels
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Lines with Labels](https://cdn.tailkit.com/media/screenshots/application-ui/components/steps/lines-with-labels.png)
Lines Vertical with Labels
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Lines Vertical with Labels](https://cdn.tailkit.com/media/screenshots/application-ui/components/steps/lines-vertical-with-labels.png)
Make them yours!