Motion Fabyour AI motion designer
EN
Open app beta

Community prompts

Launch videos

Launch videos 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

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

Brand film in a single golden line

Make a vertical 1080x1920 brand film, 12 seconds long, in a line-art style: a single continuous thin champagne-gold line of constant thickness on a deep midnight-blue background. The line is led by a softly glowing pen tip. The line never breaks: first it draws a seed, from it grows a sprout with two leaves, the stem turns into the wall of a tower, the framework of branches and walls comes together into a building, the building stretches into a city skyline, and the skyline line rises up and closes into a ring with a monogram. After it closes, the monogram fills with gold starting from the point where the line joined. The pen slows down at every curve and corner, and the older parts of the line gradually fade. The camera follows the pen, and in the finale it smoothly pulls back, so the whole drawing reads as a poster. At the bottom the name "[your brand]" (replace with your own) appears in thin, widely spaced letters. Sound: soft piano with felt hammers, a gentle swell of strings, and a delicate bell chime exactly at the moment the monogram fills.

Used 12 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
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