@supermousejs/text

Displays a contextual text label next to the cursor when hovering interactive elements.

Installation

pnpm add @supermousejs/text

Usage

import { Supermouse } from '@supermousejs/core';
import { Text } from '@supermousejs/text';

const app = new Supermouse();

app.use(Text({
  offset: [20, 20], // X, Y offset from cursor
  duration: 200     // Fade duration
}));

HTML:

<button data-supermouse-text="Click Me">Hover Here</button>

Documentation

Full documentation and interactive playground available at supermouse or check out the repo.