UIPKGE/blocks/how-it-works-scroll-stepper

How It Works — Scroll Stepper · UIPKGE

Scroll-driven walkthrough where a sticky progress rail tracks which step is in view while the step copy scrolls past, falling back to a plain list without IntersectionObserver.

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

Loading the source for how-it-works-scroll-stepper…

how-it-works-scroll-stepper

Registry Items

how-it-works-scroll-stepper

Configuration

Name

how-it-works-scroll-stepper

Type

Block

Description

Scroll-driven walkthrough where a sticky progress rail tracks which step is in view while the step copy scrolls past, falling back to a plain list without IntersectionObserver.

Files · 1

Dependencies

npm packages

lucide-react

Registry items

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

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

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

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