Archive / industry

Design tools films

254 films broken down: average length 42s, 29.8 beats a minute, the hook lands in 4.0s on average. Common styles: no voiceover, music-led, morph transitions, light UI. Most often made as UI motion film, feature tour and screen recording demo.

LN-0243Moda — Founder launch film for a design agent with tasteModa104s · 28 beatsDM-0053Reweb — AI design canvas demoReweb43s · 14 beatsDM-0052CoAnimator — Cell to cosmosCoAnimator50s · 14 beatsSO-0023Monke landing page — Prompt to page in seven secondsUI motion film8s · 6 beatsMO-0034Northwind CRM — UX redesign teardownUI motion film42s · 14 beatsDM-0049Liquid Photos — iOS app concept demoLiquid Photos22s · 9 beatsDM-0048JIZURA 字面 — Lyric typography video generator demoJIZURA 字面106s · 16 beatsLN-0222Graphical — Introducing GraphicalGraphical39s · 10 beatsDM-0046Relay — AI-built landing page with puppet heroRelay12s · 4 beatsLN-0221tldraw — Draw Your Thoughtstldraw23s · 17 beatsDM-0043Higgsfield scroll-world — Three one-shot landing pagesHiggsfield60s · 25 beatsDM-0040GatherOS — Mac app beta demoGatherOS70s · 22 beatsDM-0038Thinking Orbs — Animated component library demoThinking Orbs10s · 3 beatsAD-0015Framer — Unlimited design for freeFramer43s · 22 beatsDM-0037Libraries.dev — Voice glow effectLibraries.dev18s · 8 beatsDM-0036Clocks — Standby Mode TeaserClocks18s · 5 beatsMO-0029Flockaroo — Ballpoint portalOther24s · 6 beatsMO-0026Ukiyo-e depth map — WebGL particle morphOther20s · 10 beatsMO-0024Confidential Files — Document folder micro-interactionUI motion film18s · 9 beatsSR-0006Netra Labs — Brand and 3D showreelNetra Labs9s · 12 beatsMO-0021Ali — Expandable Tab BarUI motion film8s · 6 beatsDM-0032Vaul — 1.0 drawer demoVaul21s · 7 beatsLN-0213Figma — Config 2025 launch recapFigma81s · 22 beatsMO-0018Opus 5.5 — Motion designer, 0 keyframesOpus 5.515s · 14 beatsDM-0018Techartist — Interactive 3D particle attractorsScreen recording demo43s · 14 beatsDM-0031Figma — Text animation and audio in Figma MotionFigma45s · 14 beatsLN-0197Higgsfield — AI Motion Designer for After EffectsHiggsfield82s · 22 beatsLN-0143Claude — Introducing Claude DesignClaude Design (Anthropic Labs)82s · 22 beatsLN-0133Variant — It's time to exploreVariant47s · 17 beatsDM-0025Figma — Codex to Figma roundtripFigma37s · 8 beatsLN-0119Burp — Introducing the AI motion editorBurp33s · 17 beatsDM-0021The Architectural X-Ray — Interactive 3D house buildThe Architectural X-Ray37s · 14 beatsMO-0012Streak badge — Celebration screen motionUI motion film7s · 5 beatsSO-0013Claude Opus 5.5 — 16 motion graphics gridClaude Opus 5.58s · 4 beatsMO-0007DEMO — Modular hero buildDEMO14s · 6 beatsLN-0184Framer — Introducing SkillsFramer30s · 14 beatsMO-0006Liquid Glass — UI motion studyUI motion film16s · 14 beatsSR-0004Brilliant — Logo design revealBrilliant16s · 17 beatsBR-0007Framer — Logo and brand identity motionFramer16s · 17 beatsLN-0166Reve — Reve 2.0 launchReve54s · 25 beatsMO-0014Three.js and Canvas 2D — Five Japanese buildings from codeOther16s · 5 beatsDM-0024Sleek — Prompt to app screensSleek (sleek.design)23s · 13 beatsDM-0026Framer — Shader mouse interactionsFramer9s · 3 beatsDM-0012Techartist — Sketch to home in 3DUI motion film19s · 5 beatsDM-0019Steam Atlas — Trains generated from Three.js codeSteam Atlas23s · 7 beatsLN-0062Framer — That's FramerFramer38s · 14 beatsSO-0011Framer — Animations: Beautiful Things HappenFramer30s · 17 beatsSO-0012Claude Opus 5.5 — Cartoon editor code2videoClaude Opus 5.530s · 16 beats

Make your own design tools film

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