UIPKGE/blocks/how-it-works-steps

How It Works — Three Steps · UIPKGE

Horizontal three-step explainer with numbered markers on a connector rail, per-step icon, body copy, and a time estimate, closing on a primary + ghost CTA row.

npx shadcn@latest add https://uipkge.dev/r/react/how-it-works-steps.json

Loading the source for how-it-works-steps…

how-it-works-steps

Registry Items

how-it-works-steps

Configuration

Name

how-it-works-steps

Type

Block

Description

Horizontal three-step explainer with numbered markers on a connector rail, per-step icon, body copy, and a time estimate, closing on a primary + ghost CTA row.

Files · 1

Dependencies

npm packages

lucide-react

Registry items

https://uipkge.dev/r/react/badge.json

https://uipkge.dev/r/react/button.json