Dev Design Library

Stepper 03 - Animated Progress Indicators

Stepper with spring-based progress line, traveling dot, pulsing active badge, icon to checkmark morphing, and reduced-motion support for guided multi-step workflows.

Stepper 03 - Animated Progress Indicators preview
Library
Shadcn Space
Framework
React
Type
component
License
MIT
Dependencies
lucide-react, motion
Files
  • src/components/shadcn-space/stepper/stepper-03.tsx
  • src/lib/utils.ts
  • src/components/ui/button.tsx
  • src/components/ui/separator.tsx
  • src/config.ts
Source
https://github.com/shadcnspace/shadcnspace

Categories

More from Shadcn Space