Zig Zag Steps With Mockups

block

How it works section of three alternating rows, each pairing a numbered step, description, and checklist with a mock UI preview panel on the opposite side.

pnpm dlx shadcn@latest add "https://7ovr.com/r/how-it-works-4.json"

Sign In

Zig Zag Steps With Mockups

block

How it works section of three alternating rows, each pairing a numbered step, description, and checklist with a mock UI preview panel on the opposite side.

pnpm dlx shadcn@latest add "https://7ovr.com/r/how-it-works-4.json"

@base-ui/react

badge

components/blocks/how-it-works-4.tsx

@base-ui/react

badge

components/blocks/how-it-works-4.tsx