Block
Custom Cursor
Replace the default pointer with a context-aware follow element. A ring that trails the pointer, grows over links, and carries the portfolio personality into the smallest detail.
GET THIS BLOCK - FREE
Interaction Block · Block 07 / 09
← All blocksCUSTOM CURSOR / LIVE
Move your pointer here
A link grows the ringdata-blend="difference"
Recreated for the web · ships as a native WordPress block
What you can control
| Attribute | What it does | Default |
|---|---|---|
data-size | Cursor diameter in pixels | 48 |
data-color | Cursor color as CSS custom property or hex value | var(--acid) |
data-blend | Blend mode for cursor overlays | difference |
Accessible: Custom Cursor respects prefers-reduced-motion and does not replace the native cursor for keyboard users. Pointer events remain accessible on all interactive elements.