Animated Stepper Components

Dev Design Library indexes 31 Animated stepper components from 21 open-source UI libraries, with the most coming from Amicro Micro Transitions, Spectrum UI, UI Lab, Shadcn Space and Velora UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the stepper components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Stepper components belong to the Navigation group.

• StepperReact Bits · ReactAnimated multi-step progress indicator with active state transitions.
• Toolbar ExpandableCult UI · ReactExpandable toolbar component with step-based navigation, smooth animations, and enhanced scrolling
• Progress StepperAmicro Micro Transitions · ReactHorizontal step line (STEP 1 → STEP 2 → STEP 3) with animated fill bar.
• Currency TransferKokonut UI · ReactTransfer tracker that converts the amount in place, walks through each step on a filling rail and ends with a copyable…
• Adaptive StepperbeUI · ReactComposable numeric stepper whose fixed footprint adapts at its minimum and maximum while the value rolls between steps.
• Step PlayerRare UI · ReactAn iOS-style stepped progress track with a play, pause and replay control. The active step stretches into a bar that…
• Scheduled MaintenanceSpectrum UI · ReactA maintenance window with a ticking ETA, a stage rail and a notify-me field.
• Ask User QuestionsFluid Functionalism · ReactStepped question flow with numbered options, keyboard shortcuts (1–9), single or multi-select, inline 'other' text…
• Animated List 02 - Setup StepsShadcn Space · ReactSetup Steps component
• Multi Step Formuselayouts · ReactA dynamic, animated multi-step form with validation.
• Step ProgressKinetics · HTML/CSSConnector fills and the next node pops active
• Arc TimelineAnimations (Svelte) · SvelteA curved timeline that rotates through milestone steps with clickable markers, icons, and configurable spacing.
• Prototype Morph SurfaceSona UI · ReactStress tests for the Morph Surface primitive. Página de testes de estresse do primitivo Morph Surface.
• StepperArc Library · ReactShow where a person is in a multi-step flow and what is done.
• 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…
• Milestone pathCojeev UI · ReactFollow caller-owned progress or a running workflow as a connected Journey, a scrollable Sequence or a compact…
• Multi Step LoaderVelora UI · ReactFull-screen overlay that ticks through a list of steps, keeping the active one centred.
• Shopper Onboarding WizardCue Foundations · React
• StepperReactFrame · ReactAn accessible step indicator with horizontal and vertical layouts, numbered and minimal variants, animated progress…
• Multi Step LoaderAceternity UI · React
• Segmented Step BarAmicro Micro Transitions · ReactBattery-style multi-segment discrete progress bar with stepped fill.
• Multiple Step Form DemoSpectrum UI · Reactcomponent for the Multiple Step Form Demo
• Stepper 02 - Multi-Step WizardsShadcn Space · ReactMulti-step configuration stepper wizard with distinct tabs for user details, workspace set up, and network options.
• Order TrackerUI Lab · ReactDrives a parcel across a street map to your door and stamps each stop as it arrives.
• StepperVelora UI · ReactProgress indicator for multi-step forms and checkouts.
• Segmented Stepper DotsAmicro Micro Transitions · ReactPill-morphing connected page dots with spring expansion indicator.
• Status TrackerSpectrum UI · ReactA staged progress tracker for long-running AI jobs.
• Tabs 15 - Wizard StepsShadcn Space · ReactMulti-step wizard tabs with numbered steps, an animated progress line, and Back and Next navigation.
• Progress StepperUI Lab · ReactFills the line toward the next step and unfills it in reverse.
• Gear Tooth StepAmicro Micro Transitions · React

Libraries with Animated stepper components

• Amicro Micro Transitions
• Spectrum UI
• UI Lab
• Shadcn Space
• Velora UI

Related categories

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