Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Workflow Steps Gallery

A step-by-step visual workflow with screenshots, step numbers, and connecting lines built with React, Next.js, shadcn/ui, and Tailwind CSS. Perfect for onboarding guides and process documentation.

Guide users through complex processes visually. This workflow steps gallery displays each step with a screenshot, number, title, and description connected by flowing lines to create a clear sequential journey.

Loading...
Scroll to load preview

Installation

Install
Pro block

FAQ

Last updated on March 24, 2026

Was this page helpful?

Sign in to leave feedback.