← All effects
Free + Pro
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
Read the case studyNot interactive
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.
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 |
|---|---|---|---|---|---|
| circularTextPreset | — | token | — | 'read-now' | Free |
| circularTextRadius | Circle Radius | float | 20 – 100 | 50 | Free |
| circularTextRotate | Rotation | float | 0 – 360 | 0 | Free |
| circularTextDirection | Direction | token | — | 'clockwise' | Free |
| circularTextShowCircle | Show Circle | bool | — | true | Free |
| circularTextCircleSize | Circle Size | float | 20 – 120 | 50 | Free |
| circularTextAutoRotate | Auto Rotate | bool | — | false | Free |
| circularTextRotationSpeed | Rotation Speed | float | 0.1 – 5 | 1 | Free |
| 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