All components
Spotlight Callout
Titles & lower thirdsA scrim closes over a synthesised product panel and a soft-edged hole opens on one control, labelled by a leader line
Download preview768×432 preview render — the full-resolution file comes from running the component
5 seconds
Format
This is the format it was composed for. Switch above to see it lay itself out for another — same animation, re-arranged for the frame.
spotlightcalloutproduct tourscrimsvg maskleader lineannotationonboarding
For developers — source, dependencies and provenance
Dependencies
remotion@remotion/shapeszod
No Tailwind, no CSS, no asset files. Inline styles only.
Source
Filesrc/registry/items/spotlight-callout.tsx
Frame1920×1080
Duration150f · 5s @ 30fps
Provenance
ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT
Prompt
A product-tour callout: draw a fake app panel with a sidebar, a list of rows and a primary button, then drop a dark scrim over the whole frame with a soft-edged hole punched around the button so it looks like a spotlight rather than a cut-out. The hole should start wide and close onto the button as the scrim darkens. Then draw a thin accent line out of the hole, elbow it down and across, and set a short label on the end of it.
