Just published Spotlight Tour — a guided walkthrough component for Framer.
Product screenshots on landing pages are usually unreadable once they are scaled to fit a section. So instead of cropping your UI into disconnected close-ups, Spotlight Tour keeps the whole screenshot on screen and pans and zooms the camera into one annotated region at a time.
Drop in your screenshot, place numbered pins, write a caption for each step. Visitors click a pin, a chip, or press the arrow keys.
1. Per-step focus point, zoom, copy, and optional link
2. Optional per-step image swap with crossfade
3. Three caption layouts and three pin styles
4. Spring or tween motion, fully adjustable
5. Autoplay with pause-on-hover and pause-when-offscreen
6. Container-based responsive, so it collapses correctly inside narrow stacks
7. Keyboard navigable, tablist semantics, honours reduced motion
8. Transforms and opacity only — no canvas, no WebGL, no dependencies
Ships with a working placeholder so you can try the interaction before adding your own image.
