showcasehub[beta]Try Motion for free

Show app screens the way they deserve.

Months of work on an app, then a case study that opens on a flat row of screenshots. Put your screens or device mockups in motion instead: a shelf that racks focus from one to the next, a belt of screens, a tunnel of your flows.

Made with
Motion
Lineup
Frame
16:9
Card shape
4:5
Zoom
170%
Backdrop
#121311
Lineup16:9 · 30 fps
More motions

Three more ways to show it.

The same photos, three more motions that suit product designers. They're a starting point, not a rule: any of our 30+ motions can show your work, so pick whichever you like best. The settings are under each one.

Browse all 30+ motions →
Conveyor16:9 · 30 fps

Conveyor

16:9

An endless belt of screens glides past. Shows a whole flow at once, calm enough to sit behind a title.

  • Card shape 4:5
Skyline16:9 · 30 fps

Skyline

16:9

Tall columns of screens glide past at different depths. A portfolio header with a sense of scale.

  • Defaults
Warp16:9 · 30 fps

Warp

16:9

A tunnel of your screens rushes toward you. High energy, for a launch post or a showreel opener.

  • Defaults
How to make one

Three steps, a few minutes.

  1. 01

    Export your screens or mockups

    Use flat screens straight from your design tool, or device mockups. Keep them the same shape so the set looks tidy.

  2. 02

    Choose the motion and card shape

    Set the card shape to your screens' shape, then tune the motion: how many cards, how much depth, how fast.

  3. 03

    Export for the case study

    16:9 for the case study header and slides, 4:5 for a portfolio post. Up to 4K at 60 fps for crisp interface text.

Where it goes

One project, every size you post.

Tick the frame sizes you need when you export and each comes out as its own file, made from the same project.

  • Case study headerOpens the page with the work in motion.
    16:9
  • Portfolio postBehance, Dribbble or Instagram.
    4:5
  • Pitch deck slidePlays straight from your slides.
    16:9
Questions

Asked by product designers.

Will small interface text stay sharp?

Export at 2K or 4K and 60 fps for the crispest text. Motion keeps your screens at full quality.

Can I use screen recordings?

Yes. Cards can hold video clips, so a recorded flow can play inside the motion alongside still screens.

Is my unreleased work safe?

Nothing is uploaded: Motion runs in your browser and your screens never leave your computer.

Can I put my own logo on it?

Yes. Add your logo in the Logo settings and place it in any corner, along an edge or in the centre, then set its size, opacity and margin. It appears on every export, so wherever the video travels, people know the work is yours.

More use cases
See all 7 →
07 — Free in beta

Your work,
in motion.

Try Motion for free

Get notified when Pro arrives

One email when Pro launches, with the price. Nothing else.