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

npx shadcn@latest add @clow/sakura-cursor

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

proptypedefault
trailnumber5
dispersionnumber0.7
enabledbooleantrue