cursor-text · textStyle: circularCircular text cursor
A sentence that orbits the pointer.
The text cursor in circular mode: radius, rotation, direction and auto-rotate speed are free. The filled circular backing behind the text is the Pro part.
Where it earns its keep: Hero sections and full-bleed photography where a badge would feel heavy.
Variants
Try it
Set it up in WordPress
- Cursors → Add Cursor → Text
- Customize → Text Style → Circular
- Set radius, direction and auto-rotate
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-text
- effect
- none
- defaultCursor
- true
- text
- scroll to discover
- textStyle
- circular
- color
- #f8fafc
- background
- #0b1020
- fontSize
- 14
- circularBackground
- true
Field names match the WordPress admin, so any of this is reproducible in Cursors → Customize.
15 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.
10 more with Pro
Circle Radius, Rotation, Direction, Show Circle, Circle Size, Auto Rotate, Rotation Speed, Circular Background, 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 |
|---|---|---|---|---|---|
| circularTextPreset | — | token | — | 'read-now' | Pro |
| circularTextRadius | Circle Radius | float | 20 – 100 | 50 | Pro |
| circularTextRotate | Rotation | float | 0 – 360 | 0 | Pro |
| circularTextDirection | Direction | token | — | 'clockwise' | Pro |
| circularTextShowCircle | Show Circle | bool | — | true | Pro |
| circularTextCircleSize | Circle Size | float | 20 – 120 | 50 | Pro |
| circularTextAutoRotate | Auto Rotate | bool | — | false | Pro |
| circularTextRotationSpeed | Rotation Speed | float | 0.1 – 5 | 1 | Pro |
| text | — | text | — | 'view' | Free |
| textStyle | Text Style | token | — | 'normal' | Free |
| color | Color | color | — | '#000000' | Free |
| background | Background | color | — | '#ffffff' | Free |
| fontSize | Font Size (px) | float | 0 – 100 | 20 | Free |
| lineHeight | — | float | — | — | Free |
| weight | — | text | — | — | Free |
| decoration | — | token | — | — | Free |
| transform | — | token | — | — | Free |
| padding | Spacing Vertical (px) | float | 0 – 30 | 8 | Free |
| paddingLeftRight | Spacing Horizontal (px) | float | 0 – 30 | 8 | Free |
| borderRadius | Border Radius (px) | float | — | 0 | Free |
| borderStyle | Border Style | token | — | 'none' | Free |
| borderWidth | Border Width (px) | float | 0 – 30 | 1 | Free |
| borderColor | Border Color | color | — | '#000000' | Free |
| circularBackground | Circular Background | bool | — | false | Pro |
| circularBackgroundSize | Circle Size | float | 40 – 200 | 80 | Pro |
Related
The effect is free to use; the settings on this page need Pro.
Get it freeSee Pro