Clow

Clow Cards

A soft stack of painted Clow Cards. Switch chrome and tone. Edit title and art window (text, image, or keep items) from the playground. Brand under the ribbon defaults to CLOW. Copy shares props only; the painted frame mask ships with the component.

Draw

draw a card
$npx shadcn@latest add @clow/clow-cards
First time? Point @clow at the registry

Once per project, add the registry to your components.json. Then draw any card by name.

"registries": {
  "@clow": "https://clow.cards/r/{name}.json"
}

Playground

props
<ClowCards />

Examples

basic

Props

proptypedefault
hintbooleantrue
fadebooleantrue
frameclassic | hope | twin | solar | voidclassic
tonesakura | clow | ink | mono | embersakura
titletextTHE SEAL
artSlotkeep | text | imagekeep
descriptiontextBody copy in the pink field when artSlot is text.
imagetext/sakura-portrait.jpg
brandtextCLOW