Skip to content

component

Cursor Tooltip

By Artem Kostenko

Details

Summary

FEATURES Cursor-following tooltip with smooth tracking Smart auto-positioning based on cursor location Customizable hover area with link support Optional arrow pointer Backdrop…

Description

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)

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400155698/148/228/309/79/15
  • All · #5465