Confetti

Paper confetti in the warm palette: a quiet outline button that throws tiny paper rectangles and ember sparks from its center, tumbling under gravity and settling like torn ticket stubs. The default paper reads the theme tokens at burst time, and named palettes (ember, sakura, meadow, ink) offer hand-tuned warm sets. No rainbow.

Draw

draw a card

$npx shadcn@latest add @clow/confetti

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"
}

Full setup →

Playground

props

children

particleCount

spread

palette

<Confetti>Light the mesh</Confetti>

Examples

basic

Props

prop	type	default
children	text	Light the mesh
particleCount	number	90
spread	number	70
palette	paper \| ember \| sakura \| meadow \| ink	paper