Turn screenshots into moving iPhone, Duo, MacBook, laptop, iPad and desktop mockups. Pick a template, replace the screens and export a GIF or video.
Folding animation · 2 screenshots
Use this template
Opening animation · 1 screenshot
Use this template
Hardware to screen · 1 screenshot
Use this template
3D animation · 1 screenshot
Use this template
Scene camera motion · 1 screenshot
Use this template
Scene camera motion · 1 screenshot
Use this templateStart by adding your screenshots. Try the editor before upgrading; GIF and video downloads require Pro.
Loved by 3,000+ creators
Browse all 51 motion templates, from sunlit Duo desks, night workstations and hardware reveals to screen galleries, product promos and social stories. Search or filter, then open any template to make it yours.
Preview and edit any template. GIF and video exports are included with Pro.
Showing 1–18 of 51 templates
The iPhone Duo template moves through the open display, hinge, cover and back. Use a wide screenshot for the inner display and a portrait screenshot for the outer cover.
In the editor, select the device and open Media → 2 screens. The numbered Open display and Outer cover cards each have their own Replace and Crop controls. One wide image spans the inner display; the cover can show a different screen.
For a single-screen app, start with an iPhone mockup. For a website or dashboard, choose a MacBook mockup with a screen hold that leaves the interface readable.
Animate still compositions in the Visual Editor, or record the real product flow and polish it in Studio.
Start with screenshots
Move the screenshot, frame, text, or supporting artwork to reveal hierarchy or connect a short sequence. This works well when the composition matters more than reproducing every click.
Open motion templatesStart with a walkthrough
Capture a tab, window, or screen with the Screenhance recorder, then use Studio to polish cursor movement, clicks, framing, narration, captions, audio, and the exact sequence of actions.
Explore the screen recorderThe editor keeps the screenshots, frames, copy, background, and movement together, so you can revise the design without rebuilding the animation elsewhere.
Learn how to replace screens and edit motionDrop screenshots into a motion template or bring an existing visual to life without rebuilding the composition in another tool.
Pick a motion template or add movement in the Motion panel. Adjust the style, strength, duration, delay, loop, and exit beat for the full design or selected layers.
Export a GIF or video for motion-ready placements, plus a crisp static image from the same design whenever you need a poster or still version.
Format support varies by site, app, email client, and upload surface. Check the current rules for the destination instead of assuming one animated format will work everywhere.
A self-contained loop for a placement that explicitly accepts animated GIFs.
Preview the exported file at its real display size. Longer, larger, or colour-heavy GIFs can become expensive to load.
A moving website section, social upload, or another video-capable placement.
The editor targets MP4 and may fall back to WebM when the browser cannot encode MP4. Check the destination's current format and size rules.
A poster, screenshot-only slot, email fallback, or reduced-motion version.
Choose a frame that communicates the result without needing the animation to play.
A useful loop shows one relationship, change, or sequence. It gives important copy time to settle and still makes sense when paused.
Use delay and pacing so screenshots and captions are not moving at the exact moment the viewer needs to read them.
Give each screen time to settle. Device motion offers 4, 6, 8 and 12-second durations; preview the full loop at the size your audience will see.
Export a representative still for posters, screenshot-only placements, loading states, and people who have reduced motion enabled.
Check playback, cropping, legibility, and load behaviour where the asset will actually appear, on both a narrow and wide screen.
The subtle motion adds a premium feel without becoming distracting.
Well designed and useful for decks and product launches.
It surpassed what I expected. The flow is direct, with great layouts and templates for screenshots.
Clean, easy to use, and I especially love the one-week pass.
The one-week pass is perfect for those big portfolio update sprints.
You can animate 3D iPhone, iPhone Duo, MacBook, laptop, iPad, Pixel and desktop mockups, including hardware turns, folding and lid-opening reveals. You can also apply motion to a full visual or selected layers such as screenshots, mockups, text, and artwork. Motion styles include subtle ambient movement, entrances, scrolling, parallax, focus effects, and multi-step sequences. Auto animate can create a starting choreography that remains editable.
An animated mockup starts with still screenshots or artwork and moves the design layers. A screen recording captures the product being used, including the real sequence of actions. Use the Visual Editor for a composed loop and Screenhance Studio when the source is a recorded walkthrough.
The Visual Editor exports animated GIFs and video. Video export targets MP4 when the browser can encode it and can fall back to WebM when it cannot. You can also export a static PNG, WebP, or JPEG from the same design for placements that do not support motion.
There is no universal best length. The 3D device templates offer 4, 6, 8 and 12-second durations. Other composition motion uses 3, 5 and 8-second presets, plus per-layer delay, loop and exit controls. A quiet ambient loop may need only a few seconds; a sequence that introduces several screens needs enough time for each one to become readable.
Animated GIF and video exports are Pro features. Pro is currently $12 per month or $99 per year and includes clean animated exports. The free plan lets you try the editor with watermarked static exports, while the $6 Launch Pass covers ten clean static image exports over seven days rather than motion exports.
Export a clear static frame from the same design and use it as the poster or fallback. On a website, stop or replace non-essential animation when the visitor has enabled reduced motion, and make sure the surrounding text explains the idea without relying on movement alone.
Try the same screenshot in another device, frame, or scene.
Free online mockup generator for all devices
Start creatingRealistic and minimal device frames
Start creatingCreate stunning iPhone device mockups
Start creatingShowcase apps in iPad Pro and Air frames
Start creatingShowcase websites in MacBook frames
Start creatingSamsung Galaxy and Pixel device mockups
Start creatingChoose a motion template, replace the example screens, and tune the pacing around the story you need to tell.
Start with a motion template
%2FOlivia%20Rhye.webp&w=64&q=75){kind=small}
%2FPhoenix%20Baker.webp&w=64&q=75){kind=small}
%2FLana%20Steiner.webp&w=64&q=75){kind=small}
%2FDemi%20Wilkinson.webp&w=64&q=75){kind=small}
%2FDrew%20Cano.webp&w=64&q=75){kind=small}
