Cursor Tooltip

FEATURES

• Cursor-following tooltip with smooth tracking

• Smart auto-positioning based on cursor location

• Customizable hover area with link support

• Optional arrow pointer

• Backdrop blur effects

• Fully customizable colors, fonts, and spacing

• Configurable show delay

SETTINGS

Positioning & Behavior:

• Placement: Choose where the tooltip appears relative to cursor (Auto, Top, Bottom, Left, Right). Auto mode intelligently positions the tooltip on the opposite side of the nearest edge

• Show Arrow: Toggle the directional arrow pointer on/off

• Offset: Distance between cursor and tooltip (0-50px)

• Delay: Time before tooltip appears after hover starts (0-2000ms)

Tooltip Appearance:

• Tooltip Text: The message displayed in the tooltip

• Tooltip Background: Background color of the tooltip

• Tooltip Text: Text color inside the tooltip

• Tooltip Font: Typography settings (size, weight, spacing, line height)

• Tooltip Radius: Border radius of the tooltip (0-50px)

• Tooltip Blur: Backdrop blur effect strength (0-20px)

Hover Area Settings:

• Area Text: Text displayed in the hover area

• Area Underline: Toggle underline decoration for area text

• Area Link: URL to navigate to when area is clicked

• Link Target: How the link opens (Same Tab, New Tab, Parent Frame, Top Frame)

• Area Background: Background color of the hover area

• Area Text: Text color in the hover area

• Area Font: Typography settings for the hover area

• Area Padding: Internal spacing of the hover area

• Area Radius: Border radius of the hover area (0-50px)