Callout Lines
Dashed lines draw from points on an image to their labels.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- trigger
- line
- dash
- stagger
- cards
What it does
Callout Lines is an image animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called annotations, hotspots, image callouts, annotated image, floor plan annotations or site survey notes.
Markers pulse in on an image or plan, dashed elbow lines draw to their labels one after another, and hovering a marker redraws its line and slides out a detail card. Lines follow any resize; tap on touch, and reduced motion shows everything in place.
With Pro
The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.