Product demo videos that walk through your real product.

Drop a screenshot or a screen recording you already have onto the canvas and dress it as a product: a quick Browser or Phone frame, or editable overlays built from real layers (minimal, tabbed or light browser chrome, and a phone status bar) that you can recolor, fade and animate. Or drop it on the screen of a 3D phone, tablet or laptop model, where it plays under a glossy cover in time with the timeline; your own GLB device works too when its screen part is named "screen" or "display".

If your interface is code, paste the HTML, a React component or a shadcn/ui component, and it runs as a live layer that follows the playhead and exports frame for frame. The App launch (your UI) template is playing here: the camera pushes in on a pasted app's input, then eases back out to a tagline.

Lay out two app screens as groups, right-click one and choose Smart animate to, Push to, Pop back to or Present as sheet. Layers are paired by name, and every shared element moves, resizes and recolors into place. The result is ordinary keyframes and clips, so the preview and the export match.

A neutral UI kit adds buttons, inputs, cards, toggles, toasts and whole app screens with the states a product team designs, from Hover and Pressed to Loading and Error, and the assistant can act out a sequence on it: tap, type, toggle, scroll. The App launch template is playing here, as a question types in, an answer streams back and a chart grows.

Eight camera moves are written for you from the playhead: Push in, Pull back, Pan, Tilt, Orbit, Whip, Dolly zoom and Rack focus. Frame a layer, set the seconds and a curve, springs included, and chain moves one after another, so the shot leans in on the button that matters and eases back out for the next step.

Depth of field softens everything but the step you're showing, and motion blur comes along in exports. The Click-through demo template at the top of this page pushes in on every click this way.

Type a script, pick an ElevenLabs voice and a pace, and the voiceover lands as an audio track with a caption on each word, timed from the voice itself. Caption styles include Shorts, Documentary, Subtitle and Spoken, where each word lights up as it's said, and the captions export as SRT or WebVTT for YouTube and other players.

Describe a soft whoosh or a music bed and it arrives as its own track, and cursor clicks bring their own click sounds. Detect beats marks every beat of the music and clips snap to the markers, so each step lands on a hit. The AI ROI gap template, narrated this way, is playing here.

Import a spreadsheet and Data variants make one version of the demo per row, with columns matched to layers by name: the prospect's company in the headline, their logo in the frame, a number that matters to them. Export all variants renders every version across every format you've turned on, in one job you can stop and resume. Batch export is on Pro.

On a website, the embed API fills a live demo by layer name instead, so one piece shows each page's own words, numbers and pictures, and switches between light and dark themes with the page.

Keep your colors, fonts, text styles, materials, scene looks and motion curves in a design system, with logos and imagery stored once in Brand assets, and apply it to any demo in one step. Apply with AI has the assistant restyle a template in your brand.

The UI kit's colors are tokens with light and dark values, so re-skinning it to match your product means editing one palette. You can also import design tokens from a W3C token file, the format Figma variable exports produce through common plugins, and the aliases stay live.