Motion Studio

Dribbble-style UI motion for your product: one shape morphs through your components on a beat, driven by a cursor.

Start from an example

500 ready-made motion films for apps of every kind. Watch one play, then put in your own brand and screens.

Write it with AI

Free · fills the editor below

Website or app store link (optional)The AI reads the page: its features, wording, colours and font. With a link, the two fields below are optional.

Product nameWhat does it do?

Film:

Look:Your real screens, or screens drawn like apps of your kind

Screenshots or photos (optional, up to 10)

Three or more screenshots of your app make a film of your real screens, tapped through in order. For a photo or design app, add a before and an after too.

Or a screen recording (optional)

Tap through your app's main flow. Its screens are picked out here in your browser; the video is never uploaded.

TitleBrand name (shown under the film)Accent colour

FontBackgroundFormat

Frame rate

This server renders at 30 fps for now. The film will come out at 30.Layout

Logo (optional, replaces the brand name)

Upload logo

Original beat-synced soundtrack with UI sounds (120 BPM)

Scenes

13 scenes · 7 of 16 bars · 14s, loops seamlessly

ComponentLengthCaption above (optional)LabelIcon

Add a scene:

Fix the highlighted fields to see the preview.

0.0 / 0s

The preview is free. Rendering takes a few minutes.