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.
5 settings in the free plugin
The effect itself is free and runs with these settings. Nothing in the free dashboard is locked or greyed out.
11 more with Pro
Interactive Hover, Hover Scale, Hover Speed, Hover Background Color, Hover Text Color, Magnetic Strength, Hover Glow (px), Glow Color, and more.
Every setting
Read straight from the plugin’s settings schema and the fields Pro registers (v2.5.0). 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 | Custom Hover Selectors | text-long | — | — | Pro |
Related
The effect is free to use; the settings on this page need Pro.
Get it freeSee Pro