cursor-shapeShape cursor with interactive hover
A shape that knows what it is touching.
Twenty-five geometric cursors, five of them free — this is shape 1, the ring. With Interactive Hover switched on it scales, magnetises toward buttons and links, picks up a glow and can carry a label, all without touching a line of CSS. Switch to the bolt to see a Pro shape.
Where it earns its keep: Agency and portfolio sites where the pointer is part of the art direction.
Variants
Try it
Set it up in WordPress
- Cursors → Add Cursor → Shapes
- Pick a shape (1–5 are free, 6–25 need Pro)
- Customize → Interactive Hover → toggle it on
Scroll here to run it
Your own pointer — move it anywhere on the page, not just in this card.
What you are seeing
- cursorType
- cursor-shape
- effect
- none
- defaultCursor
- true
- cursorShape
- 1.svg
- shapeSize
- 14
- shapeColor
- #7c3aed
- borderWidth
- 2
- borderColor
- #7c3aed
- hoverEnabled
- true
Field names match the WordPress admin, so any of this is reproducible in Cursors → Customize.
Every setting
Read straight from the plugin’s field manifest and licence gate (v2.3.2). Ranges are the ones the WordPress admin enforces.
| Field | Label | Type | Range | Default | Tier |
|---|---|---|---|---|---|
| cursorShape | — | token | — | — | Free / Pro |
| shapeSize | Shape Size | float | 1 – 50 | 10 | Free |
| shapeColor | Color | color | — | — | Free |
| borderWidth | Border Width (px) | float | 1 – 20 | 1 | Free |
| borderColor | Border Color | color | — | '#000000' | Free |
| hoverEnabled | Interactive Hover | bool | — | true | Pro |
| hoverScale | Hover Scale | float | 1 – 3 | 1.5 | Pro |
| hoverSpeed | Hover Speed | float | 0.05 – 1 | 0.15 | Pro |
| hoverColor | Hover Background Color | color | — | — | Pro |
| hoverTextColor | Hover Text Color | color | — | — | Pro |
| hoverMagneticStrength | Magnetic Strength | float | 0 – 1 | 0 | Pro |
| hoverGlowSize | Hover Glow (px) | float | 0 – 60 | 0 | Pro |
| hoverGlowColor | Glow Color | color | — | — | Pro |
| hoverLabelsEnabled | Hover Labels | bool | — | — | Pro |
| hoverBlendMode | Blend Mode | token | — | — | Pro |
| hoverCustomSelectors | — | text-long | — | — | Pro |
Related
The effect is free to use; the settings on this page need Pro.
Get it freeSee Pro