React Bits

Stepper

A multi-step flow with a gliding step indicator, spring transitions and horizontal or vertical layouts.

Stepper, a React Bits component

Use Stepper in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/Stepper-TS-TW
How to install React Bits components

Related components

  • Animated List

    A scrolling list whose rows spring into view, with a gliding selection and arrow keys.

  • Carousel

    Swipeable cards for feature tours, stories and galleries, with five transitions and an autoplay timer.

  • Staggered Menu

    Menu with staggered item animations and smooth transitions on open/close.