Flow

Flow layout and interaction primitives.

Start here when you need the full flow shell. The related flow parts are smaller pieces of this system.

Preview and code

Loading preview...

Install

If this is your first Circle install, start with Get started.

pnpm dlx shadcn@latest add @blocks/flow

Use this when

This is a composed surface. Prefer the parent block when you want the full pattern, and reach for the sub-parts only when you need to customize the composition.

Dependencies

Registry

@circle-ui/button

@circle-ui/progress-bar

@circle-ui/utils

Source

The raw JSON payload powering this entry — useful when debugging registry output.

registry/berlin/blocks/flow.tsx

pnpm dlx shadcn@latest add https://registry.circle.health/blocks/flow.json

Open /blocks/flow.json