Mueve el ratón por aquíYou are here
HTML + CSSTooltips
Cursor-following tooltip
A small label that sticks to the cursor and follows it around an area, popping in when you enter.
Settings
16px
1x
Code
<div class="uv-tf">Move your mouse here<span>You are here</span></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Tooltips
Where to use it
A tooltip that follows the mouse is great over anything people explore with the pointer: a floor plan of an office or venue (“You are here”), an interactive map or the plot area of a chart. The label pops in when the cursor enters, then glides along with it. A few lines of JavaScript track the position.
It needs a mouse to make sense; on phones it only shows up where the finger taps. Keep the label to two or three words, since a long text chasing the cursor quickly becomes annoying.