component
Cursor Tooltip
By Artem Kostenko
Details
- Artem KostenkoAuthor
- componentType
- $1.00Price
- 2025-10-30Published
- 2025-10-30Updated
- 2025-10-21Added
- CursorsCategories
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.
- All · #5465