Fieldbook
Sign in

Overlays

Cursor-chasing tooltip

A hint bubble that pops in on hover or focus and can glide to trail the pointer as it moves across the trigger.

Using Cursor-chasing tooltip

A hint bubble that pops in on hover or focus and can glide to trail the pointer as it moves across the trigger.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: side, followCursor, accent

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

Instant Hint Tooltip
1983Instant Hint TooltipOverlaysA small label that fades and scales into view beside an element on hover or keyboard focus, giving a quick hint without adding visible clutter.
Flip Side Hint Tooltip
1960Flip Side Hint TooltipOverlaysA hint bubble that appears on hover or keyboard focus and automatically flips to whichever side keeps it fully visible near the edge of the screen.
Resizing hint tooltip
2214Resizing hint tooltipOverlaysA hover label whose bubble smoothly resizes itself when its text is longer or shorter, instead of snapping between sizes.
Toolbar icon tooltip
2257Toolbar icon tooltipOverlaysA row of icon-only toolbar buttons that pop a small arrow-pointed label near whichever one is hovered or focused.
Underline hint tooltip
2458Underline hint tooltipOverlaysA dotted-underline word that reveals a short hint bubble above or below it on hover or keyboard focus, driven entirely by CSS.
App folder expand
2300App folder expandOverlaysA home screen style folder tile whose small app icons grow into a full panel, each icon traveling from its miniature to its large spot.