Archive / format

UI motion films

433 films broken down: average length 41s, 29.0 beats a minute, the hook lands in 3.9s on average. Common styles: no voiceover, music-led, morph transitions, kinetic type.

LN-0191Runway — Introducing Runway AdsRunway114s · 33 beatsLN-0105ElevenLabs — Agents on WhatsAppElevenLabs43s · 17 beatsLN-0097Perplexity — Introducing Perplexity AssistantPerplexity63s · 26 beatsDM-0022Claude — Study project walkthroughClaude34s · 10 beatsLN-0115ChatGPT Work — You can just launch SitesChatGPT Work29s · 11 beatsLN-0091Apple — iPhone 17 RevealApple33s · 16 beatsLN-0086Claude — Claude 3.7 Sonnet: one model, two ways to thinkClaude40s · 14 beatsTR-0011Raycast — New Raycast, Coming 2026Raycast39s · 14 beatsLN-0189NewsPro — SaaS Launch AnimationNewsPro63s · 23 beatsDM-0028Bagus Fikri — Dashboard with motion designUI motion film21s · 8 beatsLN-0084Vercel — Visual Editing for HeadlessVercel45s · 20 beatsMO-0012Streak badge — Celebration screen motionUI motion film7s · 5 beatsLN-0074Notion — The AI workspace that works for youNotion46s · 22 beatsAD-0006ミヤマさんち。 — 30-second flat-design PR filmミヤマさんち。30s · 6 beatsLN-0167Cursor — Origin code hosting launchCursor31s · 14 beatsDM-0016Claude Opus 5.5 — Blackwell GPU scale zoomClaude Opus 5.549s · 24 beatsLN-0186Cursor — Web apps with Origin and VercelCursor25s · 12 beatsMO-0007DEMO — Modular hero buildDEMO14s · 6 beatsDM-0014Letters Abroad — Pen-pal app walkthroughLetters Abroad26s · 12 beatsLN-0184Framer — Introducing SkillsFramer30s · 14 beatsLN-0183Perplexity — Automations in ComputerPerplexity92s · 30 beatsMO-0006Liquid Glass — UI motion studyUI motion film16s · 14 beatsLN-0066Rankhog — Reddit-to-search launch filmRankhog53s · 22 beatsLN-0070Sway — Where are we going tonight?Sway54s · 22 beatsLN-0156Voice Agent Builder — Launch filmVoice Agent Builder (Grok Voice)46s · 20 beatsLN-0182Runway — Project ContinuumRunway52s · 22 beatsLN-0146Skye — Agentic home screen launchSkye38s · 17 beatsLN-0124Perplexity — Comet launch filmPerplexity72s · 22 beatsLN-0092Udio — Introducing UdioUdio116s · 14 beatsLN-0178OpenAI Codex — Sites launchOpenAI Codex47s · 17 beatsLN-0177Cursor — Router launchCursor22s · 10 beatsLN-0069Develop — From screen to wallDevelop29s · 20 beatsAD-0005yoriai SEO — Question to next stepyoriai SEO15s · 14 beatsLN-0141X — Custom Timelines launchX25s · 13 beatsLN-0120Lovable — Introducing Lovable 2.0Lovable80s · 27 beatsDM-0026Framer — Shader mouse interactionsFramer9s · 3 beatsDM-0012Techartist — Sketch to home in 3DUI motion film19s · 5 beatsLN-0062Framer — That's FramerFramer38s · 14 beatsSO-0014finalmotion.video — Opus prompt to launch videofinalmotion.video16s · 12 beatsSO-0011Framer — Animations: Beautiful Things HappenFramer30s · 17 beatsSO-0012Claude Opus 5.5 — Cartoon editor code2videoClaude Opus 5.530s · 16 beatsDM-0005Framer: All Design, No Code, Real WebsitesFramer37s · 17 beatsMO-0004zero — Opus 5.5 motion design, all codezero14s · 13 beatsLN-0060Pocketsflow — Launch filmPocketsflow15s · 14 beatsLN-0058Vercel — Introducing v0: Generative UIVercel48s · 17 beatsLN-0064Framer 3.0 — Agents, Branching, CommunityFramer75s · 22 beatsEX-0001Notion — What is Notion?Notion87s · 22 beatsLN-0061Framer for Enterprise: Built for teams who think big and move fast.Framer47s · 22 beats

Make your own UI motion film

Pro gives you the full breakdown and a build brief for every film here.