Wizard Components

Dev Design Library indexes 27 wizard components from 19 open-source UI libraries, with the most coming from ReUI, Watermelon UI, ReScript shadcn, uselayouts and Halaska UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Wizard components belong to the Navigation group.

• Questionnaireshadcn/ui · ReactA multi-step questionnaire with single-choice, multiple-choice, freeform, and skippable questions.
• StepperReact Bits · ReactAnimated multi-step progress indicator with active state transitions.
• StepsArk UI · ReactUsed to guide users through a series of steps in a process
• 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.
• Agent Setup PatternHalaska UI · React
• Aria QuestionnaireReScript shadcn · ReScript
• Shopper Onboarding WizardCue Foundations · React
• 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
• Base QuestionnaireReScript shadcn · ReScript
• 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 wizard components

• ReUI
• Watermelon UI
• ReScript shadcn
• uselayouts
• Halaska UI

Related categories

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