Sakura Cursor
A petal instead of a pointer: wrap a region and, while the pointer is inside it, a soft sakura petal replaces the native cursor, opening wider and warming toward the accent over anything interactive. Small petals scatter off on their own random arcs; leave the region and the pointer comes back.
Draw
draw a card
$npx shadcn@latest add @clow/sakura-cursorFirst 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
This cursor is live across the whole deck
Move your pointer anywhere on the page. The sliders retune the petal in real time, and it opens over links and buttons.
props
<SakuraCursor />Examples
basic
Props
| prop | type | default |
|---|---|---|
| trail | number | 5 |
| dispersion | number | 0.7 |
| enabled | boolean | true |