Ribbons
Soft ribbons chase the cursor on springs, each a little slower, tapering towards the tail.
import { Ribbons } from "pleate/effects/ribbons";Ribbons
Move the pointer around
Props
- colors
One ribbon per color.
string[]default accent, muted, fg- thickness
Head width (px).
numberdefault 18- length
Points per ribbon.
numberdefault 36- ease
How quickly the head catches up.
numberdefault 0.18- fullPage
Follow the pointer over the whole page.
booleandefault false
Accessibility
- Decorative canvas (aria-hidden).
- Off for touch and reduced motion; the system cursor stays.