UIPKGE/blocks/how-it-works-before-after

How It Works — Before & After · UIPKGE

Two-column process contrast setting the old workflow against the new one step for step, with matched row heights so the saving at each stage reads at a glance.

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

Loading the source for how-it-works-before-after…

how-it-works-before-after

Registry Items

how-it-works-before-after

Configuration

Name

how-it-works-before-after

Type

Block

Description

Two-column process contrast setting the old workflow against the new one step for step, with matched row heights so the saving at each stage reads at a glance.

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/separator.json