# Steps components

> Guide users through processes with 8 step components for React, designed for onboarding and flows using Tailwind CSS.

106 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/steps.

- [Progress Indicator](https://21st.dev/@anurag-mishra22/components/progress-indicator.md) — by Anurag Mishra
- [Multistep Form](https://21st.dev/@arihantcodes_1f7b8c4d/components/multistep-form.md) — by Arihant jain
- [How It Works](https://21st.dev/@ravikatiyar162/components/how-it-works.md) — by Ravi Katiyar
- [Multi-Step Form](https://21st.dev/@ravikatiyar162/components/multi-step-form.md) — by Ravi Katiyar
- [Multistep Form](https://21st.dev/@jatin-yadav05/components/multistep-form.md) — by Jatin Yadav
- [Steps](https://21st.dev/@anubra266/components/steps/vertical-titles.md) — by Abraham
- [Steps](https://21st.dev/@anubra266/components/steps/spinner-steps.md) — by Abraham
- [Steps](https://21st.dev/@anubra266/components/steps/steps-content.md) — by Abraham
- [Steps](https://21st.dev/@anubra266/components/steps.md) — by Abraham
- [Steps](https://21st.dev/@anubra266/components/steps/navigation-steps.md) — by Abraham
- [Steps](https://21st.dev/@anubra266/components/steps/vertical-navigation.md) — by Abraham
- [Steps](https://21st.dev/@anubra266/components/steps/steps-lines.md) — by Abraham
- [Steps](https://21st.dev/@anubra266/components/steps/steps-descriptions.md) — by Abraham
- [Steps](https://21st.dev/@anubra266/components/steps/steps-checkmarks.md) — by Abraham
- [Steps](https://21st.dev/@anubra266/components/steps/segmented-steps.md) — by Abraham
- [Steps](https://21st.dev/@anubra266/components/steps/icon-steps.md) — by Abraham
- [Steps](https://21st.dev/@anubra266/components/steps/vertical-labels.md) — by Abraham
- [Steps](https://21st.dev/@anubra266/components/steps/vertical-steps.md) — by Abraham
- [Steps](https://21st.dev/@anubra266/components/steps/steps-progress.md) — by Abraham
- [Steps](https://21st.dev/@anubra266/components/steps/steps-label.md) — by Abraham
- [How It Works](https://21st.dev/@chamaac/components/how-it-works.md) — by chamaac
- [Quiz Section](https://21st.dev/@n38693842/components/quiz-section.md) — by aayushhhh_here
- [Multiple Form](https://21st.dev/@dhileepkumargm/components/multiple-form.md) — by Dhileep Kumar GM
- [Step Card](https://21st.dev/@ruixen.ui/components/step-card.md) — by Ruixen UI
- [Steps](https://21st.dev/@reuno-ui/components/steps.md) — by reuno-ui
- [Account Setup](https://21st.dev/@dhileepkumargm/components/account-setup.md) — by Dhileep Kumar GM
- [How It Works Steps](https://21st.dev/@7ovr/components/how-it-works-1.md) — by 7Ovr
- [Dialog](https://21st.dev/@originui/components/dialog/onboardin-dialog.md) — by Origin UI
- [Feature Section](https://21st.dev/@ayushmxxn_c278bc2d/components/feature-section.md) — by Ayushmaan Singh
- [Animated Feature Carousel](https://21st.dev/@minhxthanh/components/animated-feature-carousel.md) — by Le Thanh
- [Sign Up](https://21st.dev/@easemize/components/sign-up.md) — by Hossain Jahed
- [Stepper](https://21st.dev/@originui/components/stepper.md) — by Origin UI
- [Stepper](https://21st.dev/@originui/components/stepper/with-loading-state.md) — by Origin UI
- [Stepper](https://21st.dev/@originui/components/stepper/vertical-with-inline-titles-and-descriptions.md) — by Origin UI
- [Stepper](https://21st.dev/@originui/components/stepper/vertical-with-inline-titles.md) — by Origin UI
- [Stepper](https://21st.dev/@originui/components/stepper/with-pagination.md) — by Origin UI
- [Stepper](https://21st.dev/@originui/components/stepper/with-reversed-inline-titles-and-descriptions.md) — by Origin UI
- [Stepper](https://21st.dev/@originui/components/stepper/with-inline-titles.md) — by Origin UI
- [Stepper](https://21st.dev/@originui/components/stepper/with-mixed-elements.md) — by Origin UI
- [Stepper](https://21st.dev/@originui/components/stepper/with-titles-and-descriptions.md) — by Origin UI
- [Stepper](https://21st.dev/@originui/components/stepper/progress.md) — by Origin UI
- [Stepper](https://21st.dev/@originui/components/stepper/with-inline-titles-and-descriptions.md) — by Origin UI
- [Stepper](https://21st.dev/@originui/components/stepper/controlled-with-checkmarks.md) — by Origin UI
- [Stepper](https://21st.dev/@originui/components/stepper/tiny-with-checkmarks.md) — by Origin UI
- [Stepper](https://21st.dev/@originui/components/stepper/vertical.md) — by Origin UI
- [Stepper](https://21st.dev/@originui/components/stepper/controlled-vertical.md) — by Origin UI
- [Stepper](https://21st.dev/@originui/components/stepper/with-labels.md) — by Origin UI
- [Stepper](https://21st.dev/@originui/components/stepper/with-checkmarks.md) — by Origin UI
- [Shine Border](https://21st.dev/@designali-in/components/shine-border.md) — by Ali Imam
- [Accordion](https://21st.dev/@mynaui/components/accordion/with-inputs.md) — by shadcn
- [Stepper](https://21st.dev/@sean0205/components/stepper/vertical-title-description.md) — by Sean Hello
- [Stepper](https://21st.dev/@sean0205/components/stepper/title-bar.md) — by Sean Hello
- [Stepper](https://21st.dev/@sean0205/components/stepper/title-description.md) — by Sean Hello
- [Stepper](https://21st.dev/@sean0205/components/stepper/vertical-title.md) — by Sean Hello
- [Stepper](https://21st.dev/@sean0205/components/stepper/vertical.md) — by Sean Hello
- [Stepper](https://21st.dev/@sean0205/components/stepper/inline-title-description.md) — by Sean Hello
- [Stepper](https://21st.dev/@sean0205/components/stepper/controlled.md) — by Sean Hello
- [Stepper](https://21st.dev/@sean0205/components/stepper.md) — by Sean Hello
- [Stepper](https://21st.dev/@sean0205/components/stepper/inline-title.md) — by Sean Hello
- [Stepper](https://21st.dev/@sean0205/components/stepper/indicators.md) — by Sean Hello

Full component directory: https://21st.dev/llms.txt
