Motion Fabyour AI motion designer
EN
Open app beta

Community prompts

UI animation

UI animation made in Motion Fab, each with the prompt behind it. Open a prompt in the app, add your own materials and the agent builds the video.

Simple Motion

Kinetic App Launch Video with an Animated UI Mockup

<direction> Make a 42-second horizontal 1920x1080 kinetic product launch video for [your app]. It shows how a founder makes a launch video for their startup just by chatting in the app. Rebuild my app's interface from my screenshots as a clean animated mockup made of shapes and text, close to the real thing. In this video it is a dark navy-purple app with a Live preview on the left, Chat / Files / Panels tabs on the right and pink accent buttons. Never show the screenshots as still pictures: every element must move. Keep one continuous interface with no hard cuts. The camera pushes in, pans and pulls back between panels while a cursor moves and clicks. Stay on a 120 BPM beat grid (one beat = 0.5 s) and make something happen on every beat. Huge kinetic words slam over the UI between steps. The founder's startup is a made-up app, for example "Pulse — standups your team actually reads" (replace with yours). Avoid hard cuts, static screenshots, anything cropped at the frame edges, and text or highlight bars running into neighbouring columns. </direction> <structure> 1) Hook, 0–3 s: "YOUR LAUNCH VIDEO." then "IN ONE CHAT." in huge type, cut word by word on the beat. "CHAT." morphs into the Chat tab and the camera pulls back to the whole app window. 2) References, 3–8 s: a link "pulse-demo.app" is pasted into the chat. A PDF pitch deck and a logo fly in as attachment cards and snap into place. Big word "DROP". 3) Prompt, 8–13 s: the founder types "Make a 30-second launch video for Pulse, kinetic style, our colours" letter by letter, then the cursor taps send. Big word "ASK". 4) Plan, 13–18 s: the agent answers with a five-step plan as a checklist. The steps appear and tick one by one, and the camera eases back a little with each new line so the frame never feels empty. Big word "PLAN". 5) Sketch and Go, about 18–21 s: a grey wireframe sketch of the promo fills the Live preview quickly, with the "Live preview" label and playback bar in view. The founder clicks Go, and a pink background grows out of the pressed button and floods the screen behind a huge "GO!". 6) Live, about 21–31 s: status lines tick in the chat ("Picking fonts", "Animating the title", "Writing a soundtrack") while the sketch turns into the finished promo. The camera pushes in until the promo fills the frame. Around 27 s the promo headline "Standups your team actually reads." slides in, and a lime highlight bar draws under "actually reads.". A stat column sits beside it with "92%" and "updates read". Big word "LIVE". 7) Export, about 31–37 s: the camera pulls back to the app. The Export button and tabs are fully visible as the export runs and completes. Big word "DONE". 8) End card, about 37–42 s: [your app]'s logo and "Live on [launch site] today" (replace with yours), landing on the final beat and holding to the end. </structure> <composition> Palette: dark navy-purple UI, magenta-pink accent buttons and the pink flood, a pink-to-orange gradient on the logo, and lime as the highlight colour inside the demo promo. The kinetic words are huge, bold, uppercase sans-serif in the brand fonts and span most of the frame width. Shrink a long word slightly rather than let it crop. Keep safe margins everywhere. In wide shots the whole app window is in frame. In the chat the input field is fully visible. In the export scene the Export button and tabs are in frame. In the promo the headline and lime bar stay in their own column with room to spare. The bar matches the width of its words exactly and never overlaps the "92%" column. </composition> <techniques> A continuous virtual camera with smooth ease-in-out push-ins, pans and pull-backs between panels, and no cuts. The cursor glides to its targets and clicks with a small press-down scale. Hook words cut in one per beat. Attachment cards fly in and snap into place with a slight overshoot. Chat text types letter by letter. Checklist items appear and tick on successive beats. The grey sketch fills in fast and then transforms element by element into the finished promo. The pink flood under "GO!" grows radially from the clicked button. The big words slam in with a quick scale-down impact over the UI and leave fast on the next beat. Every beat has a visible event: a word, a click, a card, a tick, a status line or a camera move. </techniques> <music> An energetic electronic track at 120 BPM, with every cut, word slam and UI event locked to the beat. It builds through the setup steps, rises into "GO!", drives through the live build and resolves with a final hit on the end card. </music> <sound> Keyboard clicks that land exactly on each new typed letter. Mouse clicks on every cursor tap. Whooshes on camera moves and on the attachment cards flying in, and snaps when the cards land. Soft ticks for the checklist steps and the status lines. A punchy impact under each big word, a riser into "GO!" and a final hit on the end card. Keep the music under the effects so the clicks and impacts read clearly. </sound> <references> Kinetic-typography app launch trailers that rebuild a SaaS interface as a crisp animated mockup with one continuous camera move, in the style of product launch day promos. </references>

Used 2 times
Simple Motion

Ticket, suitcase and formats promo with logo reveal

<direction> Make a 15-second horizontal (1920x1080, 60 fps) motion-graphics promo for [your brand], a product that turns a description into a finished video (adapt the words to yours). The idea: a request becomes a ticket, the ticket opens onto a promise, a suitcase delivers the steps one by one, three formats sweep past and everything lands on my logo. There is no voice-over: the words are on screen and the music carries it. Everything is drawn: flat 2D graphics with one card tilted in 3D, no footage. The look is light, clean and energetic: one pink accent on a light page, with a deep ink dark field. Avoid footage, voice, blur inside text masks, and any drift or distortion of the logo. The logo forms whole, exactly as drawn, and holds perfectly still from about 13.3 s to the end. </direction> <structure> 1. 0–1.9 s, the ask. On the left, a small letter-spaced pink kicker "YOUR AI MOTION DESIGNER" sits above a three-line headline of about 180 px, "Describe" / "the" / "video." (replace with yours; the last line is pink). The lines rise from their baselines one after another. The first is already moving on frame 0 and the others follow 0.13 s apart, linear, 0.17 s each. On the right is a white ticket card tilted in perspective, its left side nearer. It has a pink header "FROM IDEA TO VIDEO" and my logo small with "[your brand]" beside it. Two fields, "FROM IDEA · Your idea" and "TO MP4 · Video", are joined by a dashed line with a pink play triangle. It also carries small labels "EDIT WORDS", "STEP 03", "EFFECTS 3D" and "PREVIEW LIVE", a barcode, and "03" on the stub. The card flies in from the right at 0.23 s (power3.out, 0.35 s), overshoots about 125 px to the left and settles back (sine.inOut, 0.37 s). Meanwhile the "MP4" code cycles random letters 15 times a second and locks letter by letter at 0.67, 0.8 and 0.93 s. At 1.17 s a pink outlined stamp "MP4 EXPORT", tilted -14°, slams down from 2.4x in 8 frames with a tiny bounce. At 1.67 s the play triangle shrinks into a pink dot that grows into a circle wipe centred on it, with two pale pink rings riding just outside its edge. The radius steps through 15, 36, 66, 120, 210, 330, 540, 900 and 1500 px, one step every two frames. The headline lines leave upwards in order as the circle grows. 2. 1.9–4.0 s, the promise, on a full pink field (radial, lighter in the centre). A white play triangle, a little longer than wide so it points where it goes, is born inside the circle. It flies one loop round the words, turned along its path: up, left across the top, down the left, along the bottom, up the right side and out of the top right. Behind it, it draws a dotted white orbit whose older dots fade into a thin faint line. Two big faint circles sit in the background. "No keyframes." (about 220 px, white) swings in letter by letter, 0.03 s apart, on an arc from below right, starting at 38° and straightening. At 2.8 s it flies up and out letter by letter. At the same time "The agent animates it." (about 157 px) rises from its baseline letter by letter, 16 ms apart. At 3.03 s a white rounded pill wipes in from the left behind "animates it." in 0.18 s, and those words turn pink inside it. At 3.77 s the words blur and fade out. A deep ink suitcase with a pink strap and an "MP4" tag drops from the top and lands at 4.02 s with a small squash. 3. 4.0–8.95 s, the steps. A light circle opens from the suitcase with two pale pink rings, and two pink ripple ellipses spread from its base. At the top, "Edit in words." (muted, about 56 px) rises. Then "Your idea is ready to move." (about 93 px) rises word by word, with "move." in pink and a hand-drawn pink underline drawing under it. Above the suitcase, six white step cards arrive one every 0.58 s. Each card is 900x165 px and rounded, with an icon tile on the left and a status chip on the right. Each one rises from behind the suitcase (from 100 px lower and 72% size, 0.3 s, power2.inOut) with a lavender "Animating" chip and a spinner. It then lights up in two beats: first a pink border and a soft outer halo, then 0.07 s later the icon tile turns pink and the chip becomes a pink "✓ Ready". As the next card comes, the old one steps up 40 px and fades in 0.15 s. The cards read: "Kinetic type", "Shapes", "3D effects", "Sound", "Your own footage", "Fonts for every script" (replace with yours). Under the suitcase, six dots and a counter tick with each card, from "1 / 6 in motion" to "6 / 6 in motion". At 7.9 s the last card swaps in place to "Ready to move." with a check tile and a pink "6 / 6" chip. The counter is replaced by "✓ Live preview. MP4 export." At 8.4 s everything but the suitcase lifts away and blurs out. At 8.7 s the camera dives into the suitcase until its deep ink body fills the frame. 4. 8.95–11.4 s, the formats. A group of three slanted bands sweeps across from right to left in 0.2 s and opens a full-frame panel behind its trailing edge. The bands lean about 18°: a dark pink sliver, a wide pink band and a light pink sliver. The same sweep comes again at 9.76 s and 10.5 s. The three panels are soft gradient blocks with a horizon: - lavender to violet, with a warm light lower half; - a violet sky over a deep ink "sea"; - an orange sky over deep ink, with a teal mist band. Each panel slowly pushes in from 1.07 to 1 and has a deep ink gradient at the bottom. Its name rises letter by letter at the bottom left, about 226 px, white: "Vertical", "Horizontal", "Square". At the top left sits a small letter-spaced HUD: "01 / 03" in light pink, then "9:16", then "MP4 EXPORT" typing on, with a pink underline growing beneath. It changes to "02 / 03 · 16:9 · LIVE PREVIEW" and then "03 / 03 · 1:1 · NO KEYFRAMES". 5. 11.4–12.5 s, the grid. The last panel shrinks into the right card while the other two slide in from the left. Together they make three portrait cards (580x780 px, 30 px apart) on a deep ink field. The grid pushes in gently to 1.05 and settles back in half a second. "Vertical, horizontal or square." rises above it in white. Once the grid has settled, small names fade up on the cards ("Vertical", "Horizontal", "Square"), well inside the frame. 6. 12.2–15 s, the logo. A pink dot grows out of the middle card, with pale halo rings, while the grid shrinks to 0.9 on a white page. Its radius is keyed every two frames from 12 to 1150 px. Then the dot shrinks fast and slows down (260, 125, 90, 75 px) as it travels to the left of centre. There it opens straight into my logo's background shape, never overlapping the logo, and the logo's inner parts grow in as one piece, exactly as the logo is drawn. At 13.03 s "[your brand]" slides out from behind the logo to the right (power3.out, 0.32 s), while a thin pink ring spreads around the logo and fades. The name is about 150 px, deep ink, with its letters centred on the logo's middle line and the whole lockup centred in the frame. Then "Describe the video. The agent animates it." rises word by word under it, with the second sentence pink. Three lavender chips pop in: "• Vertical", "• Horizontal", "• Square". "[your website]" rises in muted grey. The logo stays perfectly still from about 13.3 s, and everything holds to the end. </structure> <composition> The base is a light page #FAF9FF with a faint 40 px dot grid #E9E4F2 and soft pink radial glows. Deep ink #1C0B5D is for dark type, dark objects and the dark field. There is one accent, pink #FB2D89, for highlights, the accent field and progress. Muted #6B6385 is for secondary lines and lavender #F0EDFF for soft chips. Orange #FE9117, violet #7C6CF2 and teal #2DD4B0 appear only in the three format panels (and in my logo if it uses them). Headlines are a heavy geometric sans, Manrope ExtraBold, with tight tracking around -0.05em. Small labels, HUD text and the website are a clean sans, Inter SemiBold. Layout by shot: - Shot 1: headline on the left, tilted ticket on the right. - Shot 2: words centred on the pink field. - Shot 3: step cards stacked above the suitcase, dots and counter below it, headline at the top. - Shot 4: format names at the bottom left, HUD at the top left. - Shot 6: end lockup centred, with the tagline, chips and website stacked below. </composition> <techniques> Reveals are clean. Text rises from its own baseline inside a clip that moves with it, never a blur inside a mask. Exits accelerate and are gone in about 0.1 s. - Circle wipes grow in stepped radii keyed every two frames, with pale pink rings riding just outside the edge. - The ticket code scrambles and locks letter by letter. - The stamp slams down from 2.4x with a tiny bounce. - Letters enter on a rotating arc, and the highlight pill wipes in behind words that change colour inside it. - Step cards light up in two beats: border and halo first, then the tile and chip. - The camera dives into the suitcase at scale 1.5, 3.1, 6.2 and 7 over a quarter of a second. - Slanted three-band sweeps carry the transitions between format panels, and each panel slowly pushes in. - The single panel collapses into a grid of three cards. - A dot travels and opens into the logo, which builds as one piece and never moves or deforms once formed. </techniques> <music> Use an original upbeat, optimistic electronic house track at 120 BPM, exactly 15 s long. The full groove plays from the first frame, with a kick on every beat at about x.05 and x.55 s. It stays steady under the cards and the formats. The drums drop out at 12.55 s as the dot swallows the grid, leaving a warm pad and a rising arpeggio that fade by 15 s. Cuts and key hits sit on the beat grid. </music> <sound> Sound design sits on top of the track, with no extra drums: - a whoosh as the ticket flies in; - soft ticks as the code locks; - a soft impact on the stamp; - whooshes through each circle wipe and the highlight pill; - a thud as the suitcase lands; - a blip climbing in pitch as each card turns pink; - a chime when the last card lands; - a riser into the dive and an impact as the first panel opens; - whooshes on each band sweep and as the cards come together; - a riser into the drop; - a bell as the logo forms; - soft clicks on the chips. Mix to about -14 LUFS with the true peak below -1 dBTP. </sound> <references> A modern app-launch ad in flat vector style, built on kinetic typography and a travel metaphor: a boarding-pass ticket, a suitcase and horizon panels. It ends on a clean centred logo lockup. </references>

Used 2 times
Simple Motion

Split-screen app sting at two frame rates

<direction> Make a 12-second horizontal split-screen product sting for my app, 1920x1080 at 59.94 fps. Two square panels play the same bright interface animation side by side. The left panel steps at a 29.97 fps feel and the right one runs at full frame rate, so the difference in smoothness shows. Seven fast shots land on the beat: a cursor clicks my logo in an app window, the icon bursts into orbiting squares, a menu-bar click springs out a glass prompt that types, a page of text scrolls past with a card, two stacked cards drift up, my logo holds alone, and a glowing wordmark punches in on near-black. The look is clean and bright, with soft shadows and motion blur on every move. Avoid still starts, crossfades, grain and voice-over. </direction> <structure> 1. 0.00–2.39 s, header and click. A violet-tinted haze clears to the white page in 0.9 s and leaves a lavender glow at the bottom. A one-line header rises from about y 930 to 537 on an exponential ease-out (about 1.2 s), heavily blurred at first. It holds my logo in a 132 px lavender disc, the name "[your brand]" in Inter Medium deep ink, and a deep-ink capsule "Open app". The name pops in on the second frame, already blurred. The capsule follows two frames later, sliding 15 px left as it sharpens. From 0.45 s a white app window with a 93 px corner radius fades in around the header (53%, 70%, then 100% by 0.78 s). Inside it are a lavender search pill "Describe the video", a column of muted icons, and a card over a deep-ink-to-violet cover. The card reads "Your idea is ready to move" / "Live preview · MP4 export" in the left panel and "Chat instead of a timeline" in the right. The cover reads "From idea to video in one chat" or "Describe your idea". At 0.88 s a black arrow cursor with a white outline appears top right and glides left, decelerating. It turns -85 degrees to face down as it dives, lands on the logo upright and grows 1.55x while a soft pink ring lights around the disc. The camera pushes in to 1.2 about the centre (ease-in-out, 0.47 s) and holds one frame. It then pulls back to 1.04 on an accelerating curve while the cursor presses (shrinks 15%), straight into the cut. 2. 2.39–3.35 s, icon and orbit. Hard cut on the music drop: my logo as the app icon lands at 276 px and shrinks to 178 px (expo out, 0.47 s). Four rounded squares, motion-blurred and 32 degrees ahead, settle into a cross around it on a 222 px radius (expo out, 0.9 s). They are violet, teal, pink and yellow on the left, and pink, orange, teal and white on the right. A two-tone lavender disc grows behind the icon in 0.2 s. From 3.12 s the squares fold toward a row on the right and shrink, and the icon shrinks to about 70 px, under a blur ramp. 3. 3.35–5.29 s, menu bar and prompt. Cut to the top-right corner of a computer screen under a white page. It shows a 46 px near-black bezel and a dark translucent menu bar with wifi, battery and control icons, my logo, three accent dots, "[your brand]" and "Open app". The wallpaper goes from deep ink to violet, with diagonal light streaks on the left, a pink glow, a thin grid and a sparkle on the right. The cursor rises to the logo and clicks (scales to 0.82 for 0.1 s). A frosted glass prompt box springs out of the icon: 740 x 226 px, 56 px radius, translucent lavender with a white hairline border. It scales from 0.18 to 1 with an overshoot in 0.19 s, its blur falling from 9 px to 0, while the camera pans 115 px right. It types at 27 characters a second behind a white caret: "Edit in words, no keyframes" on the left, "Bigger, slower, another colour" on the right. A pink round send button and three small glyphs sit on its bottom row. The shot drifts up and leaves on a vertical blur ramp while a lavender wash rises to 75%. 4. 5.29–7.16 s, answer page and card. Out of the lavender flash, a page of grey-violet text in Inter 42–45 px scrolls up from 291 px below. It moves on an exponential ease (0.2 s time constant), with vertical blur tied to its speed. One phrase in deep-ink SemiBold sits under a small upright cursor: "AI motion designer" on the left, "“slower”, “another colour”" on the right. Example lines: "From idea to video in one chat", "01 Pick a template", "02 Describe your idea", "03 Refine in words, then export", "Tell the chat what to show. The agent builds the animation.", "Kinetic type, shapes, 3D effects and sound". At 6.22 s a card pops in near the bottom, blurred. It rises on a fast ease-out riding a steady 158 px/s upward drift while the page dims to 45% and blurs 3 px. On the left the card shows an abstract triangle in deep ink, violet, orange and yellow, captioned "Ideas in motion" / "[your website]". On the right it shows a deep-ink-to-violet cover with a white card "Describe your idea", captioned "Chat instead of a timeline" / "Live preview · MP4 export". From 6.9 s it accelerates up, shrinks to 0.9 and blurs out. 5. 7.16–8.16 s, stacked cards. A blur-dissolve over three frames brings in two stacked cards (534 x 343 px, 51 px radius). They arrive 165 px low, 15% large and blurred, settle in 0.3 s and keep drifting up, then leave on an accelerating move and a blur ramp. Each carries a giant white title at 60% opacity, cut by its bottom edge. On the left the titles are "Fonts" and "Music", over triangle artwork with an "Open app" pill. On the right they are "Shapes" and "Sound", over deep-ink-to-violet covers with "02" and "03" pills and white inner cards "Kinetic type, shapes" and "Music and sound effects"; the second card has a pink-orange glow. 6. 8.16–10.03 s, the logo alone. Blur cut to my logo in a 167 px lavender disc on white. It rises 115 px into place on an exponential ease (0.17 s), holds, then shrinks into the cut. 7. 10.03–12.00 s, end card. Hard cut to near-black with a deep-ink radial glow. A white wordmark with a soft two-layer glow punches in from 3.85x: "[your brand]" on the left, "[your website]" on the right. Its horizontal blur dies in 0.1 s. It settles to 1x over about a second on an ever-slowing curve, then pulls back slowly and accelerates to 0.72x on the last frame. </structure> <composition> The background is near-black #0D0B1E. Two square panels, 930 x 930 px each, sit side by side at y 100 (left at x 20, right at x 970). Above each is a small label in Inter SemiBold 28 px, light lavender #E9E4F2: "Live preview" over the left panel and "[your brand] · MP4 export" over the right. Both panels play the same seven shots at the same time, with the same timing and motion. The left panel shows a new picture every second frame and the right one every frame. Only some words differ between the panels, as noted in the shots. Inside a panel, lay everything out on a 1080 x 1080 stage scaled to fit. Palette: light page #FAF9FF; lavender #F0EDFF for soft panels and glows; lines #E9E4F2; muted grey-violet #6B6385 for secondary text; deep ink #1C0B5D for dark type and dark surfaces; near-black #0D0B1E. Accents are pink #FB2D89 (the main one) and orange #FE9117, with violet #7C6CF2, teal #2DD4B0 and yellow #FFD23F where four colours are needed. Use Inter 400/500/600/700 throughout. My logo is the app icon wherever a logo appears. A rounded square icon suits the layout best, for example a deep-ink square with a pink, orange and white swirl and a pink play triangle. </composition> <techniques> Nothing starts from a still frame. Every element enters already moving on an exponential ease-out and leaves on an accelerating move or a blur ramp. Motion blur follows the speed and direction of every move. There are no crossfades: shots change by hard cuts, blur cuts and a short blur-dissolve, all on the beat. The camera pushes in to 1.2 (ease-in-out, 0.47 s), holds one frame and pulls back to 1.04 on an accelerating curve in shot 1, and pans 115 px right in shot 3. The cursor is a black arrow with a white outline; its clicks shrink it (15%, or to 0.82 for 0.1 s). Typing runs at 27 characters a second behind a white caret. Pop-ins overshoot. Upward exits use vertical blur ramps, and the end card's punch-in uses a horizontal blur. </techniques> <music> Make an upbeat funky house bed at 124 BPM, exactly 12 seconds long. It opens with a filtered intro under the first shot. The full groove (four-on-the-floor kick, claps, slap bass, plucky chords) drops on the cut to the icon at 2.39 s. A filtered breakdown plays under the lone logo, and a reverb ring-out follows the end card's hit. Every cut sits on the beat. Mix to about -14 LUFS with true peak below -1 dBTP. </music> <sound> On top of the music, add these sound effects: - a riser into the drop and a boom on it - a soft click when the cursor presses the logo, and another on the menu-bar icon - a pop when the prompt springs out - light typing ticks - a whoosh on the fold into the menu bar and on the whip into the text page - swishes when the card rises and when the stacked cards dissolve in - a light impact on the lone logo - a boom with a falling tone on the end card No voice. </sound> <references> A polished app launch sting in the style of modern product-UI motion: bright interface mock-ups, kinetic camera moves, heavy directional motion blur and beat-synced cuts. It is set up as a frame-rate comparison. </references>

Simple Motion

Self-Demonstrating Motion Principles Showreel

<direction> Make a 15-second landscape motion graphics showreel, 1920x1080 at 30 fps, fully drawn with no footage, that shows off animation craft by demonstrating the principles of motion on itself: squash and stretch, onion skin, overshoot, easing, follow-through and anticipation. It alternates light and dark scenes. One pink dot ties every scene together: a bouncing ball, the period of a title, the head of a trail, the centre of a loader. Small handwritten notes with hand-drawn arrows comment on what is happening. Cut it to a 128 BPM track so the ball's contacts, the title drop and the cuts land on beats. Use flat colour throughout; it should feel playful and precise. Avoid footage or photos, glossy gradients and drop shadows, blur anywhere except the whip pan, arrows that touch the letters of their notes, notes with different tilts, and extra drums layered on top of the music's own. </direction> <structure> 1. 0-3.7 s, light page. A hand-drawn floor line draws itself left to right in 0.3 s. A pink ball drops in from the top left and bounces across in three shrinking arcs. Its contacts fall one beat apart, at 0.43, 0.90, 1.37 and 1.83 s. It squashes flat on each contact (about 1.5 wide by 0.55 tall) and stretches along its speed in the air. Every frame of flight leaves a thin pink outline ghost that fades over 0.6 s, and a dotted line traces the path. Notes write on with arrows (examples to replace): "ideas in motion" at the top of the first arc, "try it free!" under the second contact, "live preview" by the last arc. The ball lands at the right and stays as the title's period. On the downbeat at 1.9 s the big word "MOVE" grows out of the floor letter by letter, right to left, 45 ms apart. Each letter rises from behind the floor line, stretches to 1.2 times its height, hops 45 px clear of the floor, lands with a small squash and settles in half a second. The floor line then retracts. The line above, "READY TO" (replace with yours), drops in letter by letter from the left; each letter is tilted up to 20 degrees and straightens with a slight overshoot. A pink brush underline draws under MOVE, and a note "edit in words" points at the top line. At 2.8 s a wave runs through the letters of MOVE, left to right, each stretching 11 percent and back. At the same moment the dot hops 95 px and lands with a squash, and "MP4 export" is written under it. In the last 0.2 s the whole title squashes down onto its baseline (88 percent tall, 106 percent wide), then hard cut. 2. 3.7-5.5 s, dark page. "SHAPES" in white drops in letter by letter, one frame apart, each letter bouncing twice before it settles; note "and sound". At 4.2 s it is squeezed in one frame into a narrow sliver and becomes "KINETIC" in pink. KINETIC springs out wide, frame by frame through 0.09, 0.28, 0.56, 0.85, 1.10, 1.27 and 1.37 times its width, then back through 1.06 to 0.87, with its height moving against its width; note "no keyframes". At 4.65 s "TYPE" appears letter by letter. Each letter turns one and a quarter times on its vertical axis in 0.3 s on an ease-out, and is pink whenever its back faces us; note "3D effects". At 5.13 s comes one frame of a full orange flash with the next word tilted in deep ink. Then "FONTS" in orange sits perfectly still inside thin orange guide lines with small square handles at its corners, with no easing at all; note "for every script". The light page wipes up from the bottom in three frames with a soft stepped edge. 3. 5.5-8.4 s, light page. A graph draws itself: axes labelled "idea" and "video", a deep ink diamond at each end, and a straight pink line between them with two orange handle dots on it. Below, a deep ink rounded square runs along a track left to right at constant speed, while a translucent pink playhead and a dot ride the line. The square leaves eleven evenly spaced orange outline ghosts, each with a tick under the track. A note "keyframes to hunt for" writes on with a long arrow to the line. A mouse cursor fades in, grabs the lower handle and drags both handles out in a quarter second, bending the line into an ease in-out S. The note is then struck through with one clean straight line through the middle of its letters, following its tilt to the last letter. The orange ghosts fade, and "chat instead of a timeline" writes on in pink with a hand-drawn check mark. The square runs again in one second on the new curve, and its pink ghosts bunch at both ends and spread in the middle. As it arrives, a note "open app!" points at it. The whole page then pushes out to the left in six frames with a strong horizontal blur as the dark page pushes in. 4. 8.4-13.1 s, dark page. A pink head races a figure eight across the frame, one loop a second, trailing a chain of fourteen fading circles. A grid of small dots every 60 px reacts. Dots near the head are pushed away and turn orange, dots it passed a moment ago turn pink and dark pink, and untouched dots stay grey-violet, so the field keeps moving after the head has gone. A note "from idea to video" points with an arrow to the tail. From 10.6 s the whole field tips over in 3D, turns, shrinks into a small pink card and collapses into a dot at the centre. The dot grows, a thick ring swells around it and thins to a hairline, and a dial of sixty ticks and fourteen small squares spins in. A white progress arc and a counter run from 2 to 100 percent in about 1.4 s while the squares fill pink one by one. At 100 percent the loader shrinks away and the dot crouches into a flat oval on its floor (anticipation). The note "the agent animates it" sits to the right of the ring, clear of it, with a long arrow to the dot. The dot then shoots up stretched and out of frame, and falls back down into the next shot. 5. 13.1-15 s, light page. The light page opens as a fast circle from where the dot lands. A name block is centred in the frame, with [your brand] set in two lines. The first line drops in letter by letter with tilt, like READY TO. The second line grows out of the floor below it, right to left, with the same spring as MOVE, and the pink dot is its period. A short call to action such as "try it free: [your website]" writes on beneath, with an arrow up to the dot. The dot hops once and settles to end. </structure> <composition> Two pages. The light page is #FAF9FF in the middle, fading to lavender #F0EDFF with a soft violet vignette at the corners. The dark page is deep ink #1C0B5D with a slightly darker vignette. Both have a faint dot grid every 48 px. Titles are set in a heavy condensed grotesque (Anton). Notes and labels are in a marker handwriting (Playpen Sans, semi-bold), every one tilted the same 2 degrees: pink on the light page, light pink on the dark page. Palette: main accent pink #FB2D89, second accent orange #FE9117, type and solid shapes in deep ink #1C0B5D, white type on the dark page, and muted grey-violet #6B6385 for the interface. Hand-drawn arrows start a little away from their note and never touch its letters. Notes never overlap titles or shapes. Two elements are always on screen. At the top right, a running timecode (e.g. "00:00:03:11") in condensed bold, muted grey-violet, about 31 px. Along the bottom, a chapter timeline: a thin line with small ticks every 55 px, a diamond at each chapter start, a darker progress line behind a small playhead, and the current chapter's name handwritten above it ("describe", "type", "refine", "3D effects", "preview", "export"; replace with yours). The interface colours switch with the light and dark scenes. Title blocks sit centred in the frame. </composition> <techniques> Notes write on stroke by stroke, and their arrows draw from tail to head right after. Each chapter name writes on in 0.17 s while the previous one wipes off. Each timeline diamond fills and pops when the playhead reaches it. Squash and stretch on every contact: the dot flattens on landing and stretches along its velocity in the air. Letters growing from the floor rise from behind the line, overshoot to 1.2 times their height, hop clear and settle with a small squash in half a second, staggered 45 ms right to left. Dropping letters come in from the left, tilted up to 20 degrees, and straighten with a slight overshoot. Transitions: at 3.7 s, a hard cut from light to dark right after the title squashes; at 5.5 s, a three-frame wipe up from the bottom with a soft stepped edge; at 8.4 s, a six-frame horizontal push with strong horizontal motion blur; at 13.1 s, the dot launches out of frame, falls into the next shot and opens the light page as a fast circle. Everything else stays flat with no blur. </techniques> <music> An energetic synthwave/electro track at 128 BPM, exactly 15 seconds long, whose own drums carry the beat. Arc: a short filtered intro under the bouncing ball, then the drop exactly when MOVE springs up at 1.9 s, with the track's kick on every beat. The full groove runs to about 5.6 s, followed by a breakdown without kick under the easing graph. A build leads back in, with the groove returning on the whip at 8.5 s. A riser plays while the loader fills, and a final boom with a sub drop lands on the downbeat as the light opens on the name (about 13.2 s). The groove rides out with a short fade at the end. Do not layer any extra kick, clap or hats on top of the track: one kick per beat, no flams. </music> <sound> Sound effects on the picture's moments: a boom on the drop at 1.9 s, a swoosh on the cut to the dark page at 3.7 s, and a clap on the one-frame orange flash at 5.13 s. A whoosh on the wipe at 5.5 s and a bigger one on the whip at 8.4 s. A soft click when the cursor grabs the handle, a short whoosh when the dot launches, and the final boom with a sub drop at about 13.2 s. No voice-over. Mix at about -14 LUFS with the true peak below -1 dBTP. </sound>

Used 2 times
Simple Motion

Soft-tech app promo: icon wall, phone and 3D studio

<direction> Make a 15-second landscape promo for my app, 1920x1080 at 30 fps, as soft-tech motion graphics with no footage and no voice-over. The idea: my app icon grows into a flipping 3D icon wall, an iris opens onto a light page, cards fold into a phone demo, a mood board is scanned and sorted into steps, an isometric 3D studio fills up while an export counter reaches 100 %, and my logo builds itself on the end card. It is a run of drawn scenes that hand over to each other without hard cuts, one new idea every 1.5-2 seconds on a 120 BPM grid. Clean pastel grade with no grain. Use my logo as the app icon everywhere. Avoid hard cuts, footage, grain or gritty textures, and strong colour on large areas apart from the dark opening. </direction> <structure> 1. 0-3.5 s, icon wall. Deep-ink radial background. At 0.1 s my app icon pops up at the centre and grows to 350 px (0.36 s, power3.out) with a violet glow. Around it, a grid of 132 px violet tiles with thin white motion-design line icons fades in from the centre out, each tile coming out of a blur, while the icon shrinks back into its cell. The icons are type, shapes, cube, music note, play, film, palette, wand, keyframes and bezier. The grid tilts toward the camera into a 3D wall (about 20 degrees back, 12 degrees rotated, moving closer). From then on the tiles keep flipping on their own axis every 0.5 to 1.5 s, and each flip shows another icon. A dark radial band sits behind the headline. Headlines blur in on top: "Ideas in motion." at 0.95 s, leaving at 1.85 s, then "No keyframes." at 1.95 s, leaving at 3.1 s. The accent words are "motion." and "keyframes.". 2. 3.4-3.9 s, iris. Five white cards, each with a line icon ("Type", "Shapes", "3D", "Sound", "Logos"), flip up edge-on inside the tilted wall from right to left. A white disc with a glowing rim opens behind them; its radius grows like t^1.5 and covers the frame in 0.3 s. The light page appears under it, and the card row lies down flat and levels out. 3. 4.0-5.1 s, "Edit in words." blurs in word by word (0.17 s each, 67 ms apart), centred above the cards. 4. 4.9-5.5 s, a phone mock-up slides in from the right, turning toward the camera from 34 to 12 degrees (a 0.15 s dash, then a 0.35 s settle). The headline blurs away behind it, and the cards fold into the screen one after another (30 ms apart, shrinking to 30 %). My app fills the screen: - a violet-to-ink header with "[your brand]" and my logo - step pills "01" and "02", the line "From idea to video in one chat", a big "02" and a pink progress bar - cards "Live preview / No keyframes" and "MP4 export / Try it free" - "Chat instead of a timeline" with "Describe the video / The agent animates it." - "Ideas in motion" with a Vertical / Square switch - the steps "Pick a template 01", "Describe your idea 02", "Refine in words 03" and "Then export" - tabs "Edit in words" (pink) and "MP4 export" Replace all of these lines with your app's own. 5. 5.5-7.1 s, "Live preview." blurs in at the left. Three white pills with playful flat illustrations slide in 0.25 s apart: an elephant with “Bigger”, a turtle with “Slower” and a palette with “Another colour”. From each pill a dotted violet curve draws itself to the phone, and a glowing pink dot runs along it into the screen, then runs again. At 6.95 s a tap ripple lands on the "MP4 export" tab. 6. 7.1-7.4 s, the camera dives into the lower half of the phone (scale x3.6 in 0.28 s, power3.in, with a growing blur). The dive plays out fully and lands in the light page. 7. 7.45-9.5 s, "Your own photos.". A rounded 570x760 mood board blurs in at the left. On it are a yellow "Aa" type card, my logo, orange and pink shapes, a violet photo illustration with a sun and pink hills, a deep-ink film strip with a play button, and teal sound bars. Under the board sit a spinner and "Your own footage, photos and logos". A lavender scan band runs down the board in 0.56 s. As it passes each piece, white corner brackets and a deep-ink tag snap onto it: "Type · 01", "Logo · 02", "Shapes · 03", "Photo · MP4", "Sound · 01", "Footage · 03". The headline blurs in at the top right. Four cards pop in beside the board: "01 Pick a template", "02 Describe your idea", "03 Refine in words" and "MP4 Then export". Each card has three dashed slots and a badge of three dots. Each piece lifts off the board as a white-bordered crop and flies into its slot in 0.16 s. It leaves a pale ghost behind and fills a pink dot on its card's badge. Finally the status turns into a teal check and "Your idea is ready to move". 8. 9.55-12.2 s, the page scrolls up 1300 px (0.38 s, power3.inOut) to a light isometric studio: a floor slab and two lavender walls with a deep-ink screen showing a pink play button. 3D shapes pop up one by one, each growing out of its own base on its own spot (back.out), never flying in. In order: a pink rug, a violet and ink tower, an orange cube with a yellow top, a pink sphere, a yellow cylinder, a teal ring, a violet cone, an orange capsule, a small cube, a framed copy of my logo, a white ball and a pink sparkle. A white pill counter "MP4 export" steps its pink ring and percentage up to 100 % in twelve steps. At 100 % (11.9 s) the ring turns orange with a check, and pink, orange and yellow confetti bursts out. "From idea" / "to video." (the second line as the italic accent) sits at the lower left. 9. 12.15-12.8 s, a white glow opens from the studio screen, the camera leans in, and everything goes white. 10. 12.8-15 s, end card on a light lavender gradient. The white recedes into a soft central glow, and my logo builds itself: its outline draws in two halves, the tile fills, its inner shapes grow out of the top-left corner 50 ms apart, and its last detail pops (back.out). The logo slides left, and "[your brand]" types in letter by letter in soft italic Fraunces, each letter out of a blur, 33 ms apart. The lettering is vertically centred on the middle of the logo, not aligned to its top. Below it: "Tell the chat what to show. The agent builds the animation." in muted grey, with the second sentence in bold pink, and "[your website]" in pink. Three small white sparkles twinkle. Hold to the end. </structure> <composition> Two type families. Headlines are in Fraunces: always a roman word or two in deep ink plus an italic accent word in pink. On the dark opening they are sharp and high-contrast (optical size 144, about 197 px). Everywhere after they are soft (optical size 90, softness 100, about 180 px, tight letter-spacing). Interface text and captions are in a rounded sans (Rubik or Nunito). Palette: - dark grounds and type: deep ink #1C0B5D and near-black #0D0B1E - light page: #FAF9FF fading to lavender #F0EDFF at the edges - cards: white with soft violet shadows - the one accent: pink #FB2D89 - small objects only: orange #FE9117, yellow #FFD23F, violet #7C6CF2 and teal #2DD4B0 Layout: headlines centred in the opening and above the cards, at the left beside the phone, and at the top right over the mood board. The phone sits right of centre and the mood board at the left with the step cards beside it. The studio is seen in isometric view with the caption at the lower left. On the end card the logo sits left of the wordmark, with the tagline and web address centred below. </composition> <techniques> Headline words blur in from a 16-18 px blur in 0.15-0.17 s, about 67 ms apart, and leave by blurring away in 0.1 s. Icons and shapes pop with power3.out or back.out, and the end-card letters each come out of a blur, 33 ms apart. Tiles flip on their own axis at random intervals of 0.5-1.5 s inside a tilted 3D wall that keeps drifting closer. The scenes are joined without cuts: - an iris: a white disc with a glowing rim, radius growing like t^1.5, covering the frame in 0.3 s - the phone sliding in and turning with a dash and a settle, while the cards fold into its screen - a dive into the phone: x3.6 in 0.28 s, power3.in, with a growing blur - a 1300 px scroll in 0.38 s, power3.inOut - a white-out glow from the studio screen into the end card Dotted violet curves draw themselves and carry glowing pink dots along them. A scan band sweeps the mood board, with snapping corner brackets and tags. Crops fly into slots and leave pale ghosts behind. The progress ring steps up, then confetti bursts at 100 %. </techniques> <music> An instrumental bed made for this video, exactly 15 s long, at 120 BPM in F# major, bright and playful, laid on the same beat grid as the scene changes. It moves through four parts: - a bouncy pluck melody with light drums under the icon wall - a calm, dreamy part with mallets and a soft pulse under the phone scenes - a playful mallet groove with drums for the scan - the groove thinning out under a rising chime scale through the studio, into the drop at 12.55 s, where a bright F# major seventh chord with sparkles rings out over the end card Mix to about -14 LUFS with true peaks below -1 dBTP. </music> <sound> No voice-over. Sound effects on the picture: - a pop for the first icon - soft swooshes under the headlines - a glassy flip and a whoosh for the iris - a whoosh and a light thud as the phone lands - five rising ticks as the cards drop into the app - toggles for the pills - a click for the tap - a whoosh with a sub drop for the dive - blips on the tags - rising drops as the pieces land - a confirmation chime for the ready status - a whoosh and a soft landing for the scroll - a bell note for each shape in the studio - a chime at 100 % - a reversed cymbal and riser into the white - a soft boom and a chime on the drop - a pluck when the logo's last detail pops Keep the effects sitting on top of the music bed without masking it. </sound>

Simple Motion

Morphing UI loop driven by a clicking cursor

<direction> Make a 14-second square video (1440x1440, 30 fps): a seamless UI-motion loop, all drawn, with no cuts. One rounded shape keeps morphing from one interface component into the next: button, loader, check, island pill, music player, volume slider, toggle, tabs, chart, search pill, command palette, toast, and back to the button. An on-screen cursor drives every change and really clicks and drags. The last frame must match the first so it loops. The look is clean and calm: a lavender canvas, deep-ink and white components and one clean UI font. The only colour comes from my logo, which stands in for an album cover. Something happens on nearly every beat at about 120 BPM. Avoid glows, gradients on the UI chrome, particles, bouncy easing, cuts and voice. All on-screen words below are examples to replace with mine. Keep each one about the same length so the layout holds. </direction> <structure> 0.0-0.6 s: a deep-ink pill button "Open app" (about 640x200 px, 62 px white type). The cursor glides in from the lower right and presses it at 0.46 s, and the button dips to 96%. 0.6-1.25 s: it shrinks into a 230 px circle with a white spinning arc, then a white check draws itself. 1.25-1.75 s: the circle stretches into an island pill (about 860x210) with my logo as a small rounded square on the left and five bouncing white waveform bars on the right. 1.75-3.7 s: the island opens into a deep-ink player card (about 990x630, 72 px corners). The logo grows into a 224 px cover as a shared element, next to the title "Ideas in motion" and "[your site]" in soft lavender. Below them sit a thin white progress bar with a knob, "01" and "03" at its ends, and previous / pause / next icons. The cursor clicks pause, which becomes play through a quick blur, then clicks it back to pause. It then grabs the knob, which grows 25%, and drags it from about a third to most of the way. 3.7-5.25 s: the card collapses into a wide volume pill (about 1070x186) with a speaker icon. The cursor drags the level almost to zero, back up and past the maximum. The whole pill stretches to the right like rubber, up to about 170 px, then springs back with one small wobble when released. 5.25-6.25 s: it becomes a toggle (about 520x260). The knob appears grey in the middle, then flips on, off, on, off with a press each time. On is a deep-ink track with the white knob on the right. Off is a pale #E9E4F2 track with the knob on the left. 6.25-7.25 s: the knob grows into the deep-ink indicator of a white tab bar "Pick" / "Describe" / "Export". The cursor clicks "Describe", then "Export". The indicator stretches ahead and catches up, and the label under it turns white. 7.25-9.7 s: the tab bar opens into a white chart card (about 1100x840), with the tabs moved to the top and the indicator now a small pill. A big bold number rolls "01", "02", "03" with a slight blur over the caption "Refine in words, then export". Meanwhile a deep-ink line draws itself left to right in about half a second over a lavender area and four hairlines. The cursor sweeps along the line with a deep-ink tooltip reading "01", "02", "03" along the way, followed by a dot and a dashed guide. Clicking "Describe" rolls the number to "02" with the caption "Describe your idea", and the curve morphs into a lower, wavier one. 9.7-10.1 s: the card collapses into a white search pill with a search icon, "Edit in words" and "⌘K" on the right. 10.1-11.75 s: the pill opens into a command palette (about 1060x830). At the top is a search row with the placeholder "Describe your idea" and a blinking caret, then a hairline. Five rows follow, entering 40 ms apart, each with a lavender icon tile: "Pick a template ⌘N", "MP4 export ⌘E", "Ideas in motion", "Live preview", "Your AI motion designer ↵". The word "motion" is typed one letter per keystroke, about 0.1 s apart and slightly uneven, with the caret solid while typing. The typed word must match exactly two rows. Rows that no longer match blur away, the two matches slide up, the panel springs shorter and the view pushes in. A lavender highlight sits on the first match, moves down to "Your AI motion designer" and turns deep ink on Enter. 11.75-12.6 s: the palette folds through a lighter tint into a deep-ink toast (about 970x180) with a white check and "Your AI motion designer", as the view eases back. 12.6-14 s: the toast's text blurs into "Open app" and the pill shrinks back to the opening button. It holds to the end, with the cursor resting at the lower right, so the last frame matches the first. </structure> <composition> The canvas is lavender #F0EDFF with a soft white glow just above the middle and a faint vignette. Components are deep ink #1C0B5D or white panels #FFFFFF. Muted text is #6B6385, and hairlines and the toggle's off state are #E9E4F2. All panels cast soft, long drop shadows tinted with the ink. The only colour accents are my logo's colours, pink #FB2D89 and orange #FE9117 here, so use the colours of your logo. The logo appears as the island's small rounded square and as the player's cover. Set all text in Geist, and the player's small numbers in Geist Mono. The cursor is a near-black arrow (#0D0B1E) with a white outline. Everything stays centred on the canvas. </composition> <techniques> The one shape changes width, height, corner radius and colour on tight springs: about 0.25 s to settle, at most about 1% overshoot. Whatever sits inside each state fades in and out over 0.1 s with a 10 px blur, so text never overlaps while the container resizes. Text swaps, like pause to play and the toast text back to "Open app", also go through a quick blur. The cursor moves on smooth curves and shrinks about 14% while its button is held. The logo moves from the island into the player cover as a shared element. The volume pill stretches like rubber when pulled past the maximum, then springs back with one small wobble. The toggle knob's leading edge rides a stiffer spring than its trailing edge, so the knob stretches as it travels. The tab indicator stretches ahead and catches up the same way. The chart's numbers roll with a slight blur, the line draws itself left to right in about 0.5 s, and the curve morphs into its new shape on the tab change. Palette rows enter 40 ms apart, and filtered-out rows blur away. The camera stays put, except for a gentle 17% push-in while the command palette is short, easing back as the toast forms. </techniques> <music> Generate an upbeat instrumental rockabilly / country-rock track in E-flat at about 120 BPM, exactly as long as the video. It has a boom-chick groove, with the kick on the beat and the snare on the eighths between, and twangy lead guitar licks over bass and drums. It starts at full energy on the first frame and stays steady. Lay the cursor actions and morphs on its beat grid. At about 13.4 s the band stops on one hit with a crash and lets it ring, so the loop comes round in time. </music> <sound> Sound effects composed for the picture, on top of the music: - Every cursor press clicks with a short bright tick and a small pitched ring. Every release gives a softer, higher tick. Both are panned gently with the cursor. - A tiny blip as the check appears. - A reverse cymbal swelling into the "Export" tab click. - A soft low boom as the chart card opens. - The search is typed on a typewriter: two keys for ⌘K, one clack per typed letter, a lighter key for the arrow down, and a heavy Enter with a small typewriter bell. - A carriage-return zip as the palette folds into the toast, ending in a clunk as the toast lands. - A deep boom and a splash under the final stop. The music's top end dips for a moment under each click and key so they read. No voice. Mix to about -14 LUFS, with true peak below -1 dBTP. </sound> <references> Fluid single-shape interface morph loops like product UI showreels and dynamic-island-style transitions, where one container keeps reshaping into the next component in a single continuous shot. </references>

Simple Motion

One folding sheet showreel, no cuts

Make a 24-second horizontal 1920x1080 motion design showreel with sound, built around my topic. Commit to one concept: a single red sheet that never leaves the screen and never cuts or fades. Every scene is made from the previous one by folding and transforming shapes, type and color. Use one bold sans-serif typeface, a palette of red, off-white and near-black (swap in [your brand] colors), and one consistent flat camera. Scenes, equal share of time, something happening on every beat at 120 BPM: 1) Hook: the sheet folds in quick snaps. 2) Kinetic type: four words such as "FOLD", "BEND", "TURN", "MOVE" (replace with yours) flip in on the beat. 3) Shape morphing: the sheet becomes a circle, square, triangle and capsule. 4) 2D to 3D: a flat cube net folds up into a 3D cube. 5) Data/UI: the cube lid opens into a dashboard with a counting number and animated bars. 6) The bars become accordion strips that snap into a full-frame sheet with a giant word. 7) End title "[your brand]" in the last half bar, folding back so the final frame matches the first and the video loops. Motion: spring and exponential easing, no bounce, motion blur on fast moves, no holds over half a second. No particles, glows, flares, shake, RGB split, crossfades or gradients. Sound: a synthesized soundtrack with a kick on every beat, a riser into the strongest moment, and a hit on each scene change.

Used 50 times
Simple Motion

Keynote-style product launch in one continuous shot

Make a square 1440x1440 video, 27 seconds, with sound, in the style of an Apple presentation. 2D only, one continuous take: no cuts, fades, blur, particles or glow. Each scene grows out of the previous one, objects morph into new shapes. Text rises from a mask line, icons pop out of zero on a spring, strokes draw themselves, pages slide, and a black shape floods the frame and shrinks into the next scene. Palette: warm off-white, black interface, iOS 26-style glass over photos. Fonts: a very wide bold grotesque for the logo word and Geist for the interface. The cursor makes real clicks, drags and long presses, and the camera zooms like Screen Studio so that every moment fills the square. Rhythm is 120 BPM, something happens on every beat. 1) The word "[your brand]" shrinks into its own dot, the dot grows into a black pill, and a caption rises inside. Click: six aperture blades close and open onto a photo. 2) A circle becomes a square and shrinks, a grid of photos unfolds from under it like a paper map, then rearranges into a bento layout. A zoom into a tile lands on the drop. 3) The glass word "Edit" melts into a droplet, the droplet becomes a toolbar, the toolbar becomes a slider. Dragging the slider recolors the photo to golden hour, the knob turns into a lens, then a sphere, then a lock screen. 4) Finale: a black shape floods the frame and shrinks into a light wall with running leaf shadows, a frame with a print hangs on the wall, and the word "[your brand]" returns. Music with a drop and a quiet breakdown, clicks and snaps exactly on the beat.

Used 19 times
Simple Motion

15-second website showreel with one object running through every scene

Make a horizontal video, 1920x1080, 15 seconds, with sound: a showreel of my website. Use the real logo, texts and look of the interface from the website, don't invent anything: no features, no numbers. Choose one through-line object from the product itself (the cursor, the main button or the logo mark) and name it before the storyboard. Every scene must be its transformation: it starts in the interface, changes shape or role in every scene, and in the finale becomes the logo on the end card. Redraw the interface as vector layers so that its parts move separately, don't roll in flat screenshots. The cursor makes the clicks and drags by itself. The screen-studio style camera pushes in so that every moment fills the frame. In every scene it moves smoothly from scale 1.0 to 1.04 and never stands still, and the next scene starts at the scale where the previous one ended. Style: brand colors and one brand font, lots of empty space. One accent color only on the through-line object and the key word, for example "Make videos by chatting" (replace with your own text). Motion: springs with a small overshoot, nothing appears out of nowhere, everything grows, unfolds or is revealed with a mask, something changes on every beat. Sound: original music without vocals, 120 BPM, kick on every beat, clap on every other beat, bass and a bright arpeggio, a chord on every scene change. Before the climax at the 12th second add a riser with frequent hi-hats and the strongest hit. Every scene needs short sound effects, for example clicks on elements. Loudness around -14 LUFS.

Used 9 times
Simple Motion

One shape morphs into 10 UI elements to the beat

Make a vertical 1080x1920 video about 22 seconds long, with sound. A dark scene, black-and-white graphics and a single electric blue accent color. In the center is one geometric shape that smoothly flows from one interface element into another with no cuts. There are 10 states in total, one per bar of 120 BPM music: button, loader, toggle, slider, tabs, player, chart, toast notification, command palette with typed text, and finally a button again. Each transformation lands on the beat: the shape stretches elastically and changes form, the elements inside appear with a slight shift and scale, and the old ones fade out softly. The font is a clean geometric grotesque, with short labels like "Play" or "Search" (replace with your own). Music: an energetic electronic track at 120 BPM, synced to the picture on the bar grid. Lots of sound effects, each exactly on the frame of the action: the toggle gets a crisp click and a short whoosh, and a bright chime when it turns on; the slider gets a ratchet whose pitch rises with the movement, and a soft click at the end; when text is typed, each letter gets its own key click with slight variations in pitch, and the space is duller; the loader ticks quietly; the tabs slide and snap into place; the button is pressed with a click sound.

Used 3 times
Motion Fab - Describe a video in chat, an AI agent animates it | Product Hunt

Essential cookies remember your site settings. With your permission, Google Analytics helps us understand how people use Motion Fab. You can change your choice in the footer.

Your privacy choices under applicable US state privacy laws. Privacy Policy

Essential cookies remember your site settings. With your permission, Google Analytics helps us understand how people use Motion Fab. You can change your choice in the footer.

Your privacy choices under applicable US state privacy laws. Privacy Policy