Progress 2
Vertical step list
A stacked, vertical progress pattern with numbered steps aligned to a single axis. Each step uses a circular index, a clear title, and a short description, connected by a thin vertical line to reinforce sequence. The layout reads top to bottom, making it easy to scan and well suited for sidebars or onboarding flows where space is constrained.
Production-ready by default
Built with shadcn/ui conventions and designed for real projects.
Clean React components using Tailwind and modern shadcn patterns.
Add the block directly using the shadcn CLI.
Compatible with shadcn themes and token-based color systems.
Use shadcn MCP server right from your favorite AI tools.






