Tailwind CSS Wizard Components

Dev Design Library indexes 21 Tailwind CSS wizard components from 14 open-source UI libraries, with the most coming from ReUI, Watermelon UI, uselayouts, Spectrum UI and Sona UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list styles its components with Tailwind CSS utility classes. Wizard components belong to the Navigation group.

• Questionnaireshadcn/ui · ReactA multi-step questionnaire with single-choice, multiple-choice, freeform, and skippable questions.
• Guided workspace setupReUI · ReactThree required questions in a card, with progress, navigation and a summary on submit.
• Multiple Step Form DemoSpectrum UI · Reactcomponent for the Multiple Step Form Demo
• Ask User QuestionsFluid Functionalism · ReactStepped question flow with numbered options, keyboard shortcuts (1–9), single or multi-select, inline 'other' text…
• Stepper 02 - Multi-Step WizardsShadcn Space · ReactMulti-step configuration stepper wizard with distinct tabs for user details, workspace set up, and network options.
• Multi Step Formuselayouts · ReactA dynamic, animated multi-step form with validation.
• Prototype Morph SurfaceSona UI · ReactStress tests for the Morph Surface primitive. Página de testes de estresse do primitivo Morph Surface.
• Create CommunityWatermelon UI · React
• Multi Step FormUI Lab · ReactSlides between steps while the card grows around each one.
• QuestionnaireHextaUI · ReactA step-by-step form that moves between questions with a sense of direction, shows real progress and answers from the…
• Vector Import FlowLocalMode · ReactA guarded vector-import flow for useImportExport: a preview panel (detected-format badge, total / with-vectors /…
• QuestionnaireCojeev UI · ReactA little guided brief: open questions, a focused journey or a two-column worksheet with living choice marks and honest…
• Onboarding welcomeFLX UI · ReactCompact hero image, title, and description; dual CTAs.
• Stepsark-cn · ReactA shadcn-style steps component built with Ark UI primitives.
• Multi-select answersReUI · ReactA checkbox question that accepts several answers, with a live count and a chip summary.
• Create Community BaseWatermelon UI · React
• A written answer beside the choicesReUI · ReactA text input sitting with the fixed choices, so an answer can be typed instead of picked.
• Segmented progress with step labelsReUI · ReactA custom progress bar built from the progress render state, over a four question flow.
• An optional question with skipReUI · ReactA question the visitor may skip on purpose, with the skipped state carried into the summary.
• A rule that sends you backReUI · ReactA cross-question rule checked on submit, returning the flow to the question that broke it.
• A branch that appears when it appliesReUI · ReactA question that only joins the flow after an earlier answer, with avatars, reset and a summary.

Libraries with Tailwind CSS wizard components

• ReUI
• Watermelon UI
• uselayouts
• Spectrum UI
• Sona UI

Related categories

• Wizard Components
• Animated Wizard Components
• shadcn/ui Wizard Components
• Tailwind CSS Navigation Components
• Tailwind CSS Menu Components
• Tailwind CSS Tabs Components
• Tailwind CSS Stepper Components
• Tailwind CSS Navbar Components
• Tailwind CSS Sidebar Components
• Tailwind CSS Pagination Components
• Tailwind CSS Breadcrumb Components
• Tailwind CSS Command Palette Components
• Tailwind CSS Context Menu Components
• Tailwind CSS Mega Menu Components
• Tailwind CSS Dock Components
• Tailwind CSS Table Of Contents Components
• Tailwind CSS Tab Bar Components
• Tailwind CSS Hamburger Menu Components