UI Morph Animation Loop for Apps
One shape that becomes each piece of your app's interface on the beat — button, loader, check, toggle, toast, chart — never cut, ending where it began, so it loops.
What you walk away with
A 1080×1920 MP4 loop of 10–14 seconds with its own sound, plus a post caption.
- Output
- 1 loop · 10–15s · 9:16 · 1080p
- Time
- ~1 min / video
- Preset
- 5 steps
What is the UI Morph Loop workflow?
The UI morph that motion designers post — one continuous shape becoming each piece of an interface, a state on every beat, springs with a hair of overshoot, the tab indicator's two edges on different springs — as a workflow. Name your app; nine to twelve states are picked in an order that tells a tiny story of using it, each labelled in the app's own words, and the film is drawn frame by frame, ending on its first state so the last frame is the first.
What a run does, step by step
- 1Brief · Full briefCents
- 2Film · UI filmCents
- 3MusicCents
- 4Render · Motion graphicsFree
- 5Caption · Post captionCents
- Time
- ~1 min per video, hands-off
- Cost per run
- A fraction of a cent on your Gemini key for picking the interface's states and their words; the film is drawn in code, so rendering costs nothing.
- You get
- 1 loop · 10–15s · 9:16 · Seamless loop
Before you start
- Your app's name and what it does.
- A ppl.studio account with your own Gemini key — a fraction of a cent a film.
The UI Morph Loop guide
- Step 01~~15 s
Get the states picked
Nine to twelve pieces of interface in the order you'd use the app — open, do the thing, see it work — each with its own words: a button's text, a toast's message, a toggle's setting.
Why this matters: A morph with your app's words reads as your product; a generic one reads as a template.
OutcomeThe hook and the states.How to do it with ppl.studio
One text call on your Gemini key.
- 1.1
Check the words
Every label is something your app shows.
- Step 02~~30 s
Get the loop drawn
One shape morphing a state a beat on a 120 BPM grid, a sound for each (a tap, a tick, a ding), ending on the first state.
Why this matters: A loop with no seam gets watched twice — and rewatches are what the feed rewards.
OutcomeAn MP4 and a post caption.How to do it with ppl.studio
Drawn on our side — free.
- 2.1
Post it
On TikTok and Reels it replays on its own.
Related workflows
Ready to run the UI Morph Loop?
1 loop · 10–15s: ~1 min per video, hands-off. No credit card to start.