# Onboarding components

> Kickstart user journeys with 10 onboarding React UI components, styled with Tailwind CSS and optimized for Next.js experiences.

39 components available. Showing all of them below.

- [Onboarding Checklist](https://21st.dev/@ravikatiyar162/components/onboarding-checklist.md) — by Ravi Katiyar
- [Onboarding Dialog](https://21st.dev/@patrick-xin/components/onboarding-dialog.md) — by Patrick Xin
- [Onboarding Form](https://21st.dev/@ravikatiyar162/components/onboarding-form.md) — by Ravi Katiyar
- [Onboard Card](https://21st.dev/@amanshakya307/components/onboard-card.md) — by Aman Shakya
- [Onboarding Dialog](https://21st.dev/@ruixen.ui/components/ruixen-tour.md) — by Ruixen UI
- [Onboarding / Welcome Screen](https://21st.dev/@ravikatiyar162/components/onboarding-welcome-screen.md) — by Ravi Katiyar
- [Onboarding Checklist](https://21st.dev/@chowlol202/components/onboarding-checklist.md) — by Caio Bonato
- [Tour](https://21st.dev/@niazmorshed2007/components/tour.md) — by Niaz Morshed
- [Onboarding Stages](https://21st.dev/@isaiahbjork/components/onboarding-stages.md) — by Isaiah
- [Interactive Tech Stack Builder](https://21st.dev/@alexperezcedeno/components/interactive-tech-stack-builder.md) — by uithefactory
- [Onboarding](https://21st.dev/@ravikatiyar162/components/onboarding.md) — by Ravi Katiyar
- [Disclosure Intro](https://21st.dev/@cult-ui/components/disclosure-intro.md) — by cult/ui
- [Disclosure Intro](https://21st.dev/@cult-ui/components/disclosure-intro/mobile.md) — by cult/ui
- [Onboarding Card](https://21st.dev/@ravikatiyar162/components/onboarding-card.md) — by Ravi Katiyar
- [Onboarding Steps Carousel](https://21st.dev/@cnippet.dev/components/v-carousel-8.md) — by Cnippet
- [Dialog](https://21st.dev/@originui/components/dialog/onboardin-dialog.md) — by Origin UI
- [Get Started Button](https://21st.dev/@ozantekin/components/get-started-button.md) — by SHSF UI
- [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
- [Popover](https://21st.dev/@originui/components/popover/tooltip-like-with-nav.md) — by Origin UI
- [Popover](https://21st.dev/@originui/components/popover/onboarding-tour.md) — by Origin UI
- [Popover](https://21st.dev/@originui/components/popover/tooltip-like-popover-with-steps.md) — by Origin UI
- [How It Works](https://21st.dev/@ravikatiyar162/components/how-it-works.md) — by Ravi Katiyar
- [Card Status List](https://21st.dev/@isaiahbjork/components/card-status-list.md) — by Isaiah
- [Transition Panel](https://21st.dev/@ibelick/components/transition-panel.md) — by Julien Thibeaut
- [Welcome](https://21st.dev/@ravikatiyar162/components/welcome.md) — by Ravi Katiyar
- [The Dialog](https://21st.dev/@felipemenezes098/components/the-dialog/onboarding-welcome.md) — by felipemenezes098
- [The Dialog](https://21st.dev/@felipemenezes098/components/the-dialog/success.md) — by felipemenezes098
- [Tour Popover](https://21st.dev/@ruixen.ui/components/tour-popover.md) — by Ruixen UI
- [welcome](https://21st.dev/@j1zuzz/components/welcome.md) — by Jesus Lopez
- [Welcome Modal](https://21st.dev/@ravikatiyar162/components/welcome-modal.md) — by Ravi Katiyar
- [Multi-step Wizard](https://21st.dev/@dhileepkumargm/components/multi-step-wizard.md) — by Dhileep Kumar GM
- [Camera Permission Request Card](https://21st.dev/@ahmedmayara/components/camera-permission-request-card.md) — by Ahmed Mayara
- [Premium Verification Widget](https://21st.dev/@jatin-yadav05/components/premium-verification-widget.md) — by Jatin Yadav
- [How It Works Timeline](https://21st.dev/@7ovr/components/how-it-works-2.md) — by 7Ovr
- [Account Setup](https://21st.dev/@dhileepkumargm/components/account-setup.md) — by Dhileep Kumar GM
- [Onboarding Stepper Progress](https://21st.dev/@shadcnspace/components/progress-02.md) — by ShadcnSpace
- [Chat Suggestions](https://21st.dev/@Alwurts/components/chat-suggestions.md) — by simple-ai
- [HeroUI Separator](https://21st.dev/@hero_ui/components/heroui-separator/with-content.md) — by Hero Ui

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