TextRing
VERSION2.3.1
LICENSEMIT
CONFIG8 Options
Rotates text around the cursor position.
Installation
pnpm add @supermousejs/labsUsage
import { TextRing } from '@supermousejs/labs';
app.use(TextRing({ text: 'LOADING • ', radius: 40 }));Configuration
* Reactive Property| Option | Type | Default | Description |
|---|---|---|---|
| text * | string | 'SUPERMOUSE • SUPERMOUSE • ' | Text content. |
| radius * | number | 60 | Ring radius. |
| fontSize * | number | 12 | Text size in pixels. |
| speed * | number | 0.5 | Rotation speed deg/frame. |
| color * | string | 'currentColor' | Text color used by the SVG ring. |
| opacity * | number | 1 | Opacity of the rendered ring container. |
| className | string | '' | Optional CSS class added to the container. |
| spread | boolean | false | Stretch the text to fit around the full loop. |