Circle UI

Card

Card layout primitives.

Use this to structure pages, control spacing, and present content cleanly before adding domain behavior.

Preview and code

Loading preview...

Install

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

pnpm dlx shadcn@latest add @circle-ui/card

Use this when

This is a lower-level building block. Reach for it when you need direct control over layout, behavior, or styling in a larger surface.

Dependencies

Registry

@circle-ui/utils

Source

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

registry/berlin/circle-ui/card.tsx
pnpm dlx shadcn@latest add https://registry.circle.health/circle-ui/card.json
Open /circle-ui/card.json