Blob Cursor
A few soft blobs trail the cursor and melt into each other, behind the content of their container.
import { BlobCursor } from "pleate/effects/blob-cursor";Gooey trail
Move the pointer here
Props
- color
Blob color.
stringdefault var(--pl-accent)- sizes
Diameter of each blob, leader first.
number[]default [64, 40, 26]- speed
How quickly the leader catches up (0 to 1).
numberdefault 0.35- goo
Melt the blobs together.
booleandefault true- global
Follow the pointer across the whole page instead of only the container.
booleandefault false
Accessibility
- Decorative layer, hidden from assistive tech, and it never catches clicks.
- Stays inside its container unless global is set. The system cursor stays visible.
- Mouse and pen only: touch screens and reduced motion get the plain content.