Skip to the content

Library/ 09 cursor-labelProCursors

Cursor Label

A small pill rides along with your cursor and names the click.

A Pro component: the live demo and the code come with Pro.

Settings

Pro
  • text
  • offset
  • follow
  • hideCursor
Tune it live with Pro

What it does

Cursor Label is a cursor effect ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called cursor follower, custom cursor or hover label.

Hover a card and a rounded label pops up beside the pointer, drifting after it with a slight lag. Each link can say its own word, like Play or Open. It stays out of the way on touch screens and for screen readers.

With Pro

The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.