ComponentsProgress Steps Components

Progress Steps Components

Step indicators and progress tracking components for multi-step workflows with visual previews for all 22 components.

22components

2 Free·20 Pro

import { ... } from "@/components/blocks/progress-steps"

ProgressStepsHorizontalClassic

Pro

1280px

Loading preview...

ProgressStepsVerticalClassic

Pro

1280px

Loading preview...

ProgressStepsWithContentClassic

Pro

1280px

Loading preview...

ProgressStepsCircularClassic

Pro

1280px

Loading preview...

ProgressStepsNumbered

Pro

1280px

Loading preview...

ProgressStepsMinimalClassic

Pro

1280px

Loading preview...

ProgressStepsHorizontal

Free

1280px

Loading preview...

ProgressStepsVertical

Free

1280px

Loading preview...

ProgressStepsCircular

Pro

1280px

Loading preview...

ProgressStepsDots

Pro

1280px

Loading preview...

ProgressStepsIcons

Pro

1280px

Loading preview...

ProgressStepsConnected

Pro

1280px

Loading preview...

ProgressStepsCompact

Pro

1280px

Loading preview...

ProgressStepsDetailed

Pro

1280px

Loading preview...

ProgressStepsCard

Pro

1280px

Loading preview...

ProgressStepsMinimal

Pro

1280px

Loading preview...

ProgressStepsAnimated

Pro

1280px

Loading preview...

ProgressStepsResponsive

Pro

1280px

Loading preview...

ProgressStepsCheckout

Pro

1280px

Loading preview...

ProgressStepsOnboarding

Pro

1280px

Loading preview...

ProgressStepsInteractive

Pro

1280px

Loading preview...

ProgressStepsWithContent

Pro

1280px

Loading preview...

All 22 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/progress-steps