Motion Fabyour AI motion designer

Describe the video. The agent animates it.

Animated illustration: a person messages the agent, the agent changes the motion graphics in the preview and exports the video.

Motion FabIdeas in motion
You:

Make a bold vertical intro for our app launch: “Ideas in motion”

Agent
  • Picking fonts
  • Animating the title
  • Writing a soundtrack

Done: a kinetic title, shapes and a rhythmic soundtrack. Check the preview.

Tell the chat what to show. The agent builds the animation — kinetic type, shapes, 3D effects and sound — and the preview changes before your eyes.

Chat instead of a timeline
Live preview
Your footage and photos
MP4 export

How it works

From idea to video in one chat

01

Pick a template

A template sets the project’s style: simple motion graphics or cinematic 3D effects.

02

Describe your idea

Say what to show and add your footage or photos. The agent builds the scene and picks fonts and sound.

03

Refine in words, then export

“Bigger”, “slower”, “another colour” — the preview updates as you talk. When you like it, download the MP4.

Templates

Start with a style, ask for the details

These are the real template previews from the app. Every project starts from a template; then the agent makes what you describe.

Simple Motion

A simple motion graphics project: animated type, shapes and transitions, with your footage and music when you need them.

  • Type
  • Shapes
  • Transitions

3D Simple

Cinematic motion graphics rendered in code: glowing lines, sparks, kinetic type, shaders, bloom and film grain.

  • 3D
  • Bloom
  • Shaders

More templates are on the way.

Choose a template

Prompts

Remake videos from the community

Each prompt comes with a finished video. Open it in the app and swap in your own materials.

All prompts
Simple Motion

3D App Wall Dive Into a Three-Step Product Demo

<direction> Make a 31-second horizontal 1280x720 product demo built entirely from animation, with sound. It plays as one continuous camera move with no cuts and loops seamlessly: the last frame lands on the first. The idea: a wall of app screens tilted back in 3D, the camera dives into one screen, that screen becomes the app window, and three numbered steps show what the product does before an end card with my logo. The look is clean and modern: flat vector UI drawn by you, soft depth, generous space, calm and precise motion. Avoid hard cuts, real footage, stock imagery, busy backgrounds, bouncy or cartoon easing, and anything that breaks the loop. </direction> <structure> Opening, about 0 to 4 s: a wall of app screens tilted back in 3D drifts slowly. A centred title such as "Your ideas, in motion" (replace with yours) sits over it, then blurs away. Dive, about 4 to 6 s: the camera pushes into one screen, which grows to become the app window and settles on one side of the frame. Beat 01, about 6 to 13 s: a small step number "01" and a headline such as "Sketch your idea" (replace with yours) slide up line by line beside the window. Inside the window, a brush stroke draws across the canvas. Beat 02, about 13 to 20 s: the previous text slides up and out, then "02" and a headline such as "Chat to shape it" slide up the same way. The window content changes to match. Beat 03, about 20 to 26 s: "03" and a headline such as "Export in one click" enter the same way, and the window shows a terminal typing lines of text with a blinking cursor. End card, about 26 to 31 s: my logo and "[your brand]" with a short tagline such as "Make it move" (replace with yours). The camera then pulls back out to the tilted wall of screens so the final frame matches the first and the video loops. </structure> <composition> Keep the window large, about 60% of the frame width, on one side. Put the text column on the other side, left-aligned. Place the step number small, in the accent colour, above the headline. Set headlines in a bold clean sans-serif, at most two short lines, with a lighter weight for any supporting line. Use my logo as the app icon in the window chrome and centred on the end card. Use role-based colours from my brand, for example a near-black background (#0E0F13), off-white text (#F4F4F6), one bright accent for step numbers, highlights and the brush stroke, and a muted grey for window chrome and secondary UI. Keep the wall of screens in the same palette at lower contrast so the title reads over it. </composition> <techniques> Everything happens inside one continuous camera move: a slow drift over the 3D wall, which is tilted back about 25 degrees with gentle parallax between screens. The title leaves with a blur ramping up and a fade over about 0.6 s. The dive is a smooth ease-in-out push into one screen as it scales up and flattens into the app window. Headline lines slide up about 30 px with a fade, staggered about 0.1 s apart, on a soft ease-out. Outgoing text slides up and fades before the next step enters. Window content changes in place with short crossfades and slides. The brush stroke draws on progressively. The terminal types character by character with a blinking cursor. On the end card, the logo scales in gently, then the camera eases back out to the opening wall for a seamless loop. </techniques> <music> Use an instrumental calm synthwave track at about 100 BPM, exactly 31 seconds long, with the cuts and hits on its beat grid. A warm pad plays under the title. The beat drops in with a soft boom as the camera dives into the window. The track lifts a little for beat 02 and thins out under the terminal. A riser leads into the end card, and the track resolves so the loop back to the start is seamless. Aim for about -14 LUFS with true peak below -1 dBTP. </music> <sound> Add a whoosh on the dive into the window, a soft UI tick as each headline line lands, a light brush swish on the stroke in beat 01, and quiet keyboard taps under the terminal typing. Add a gentle impact or chime as the logo lands on the end card. Keep the effects under the music, with no voice-over. </sound> <references> It resembles a polished app launch or walkthrough animation: a camera flying over a 3D grid of UI screens into a clean product window, with numbered feature steps, as in modern software landing-page demos. </references>

Simple Motion

Landing page promo with object-driven transitions

<direction> Make a 15-second horizontal 1920x1080 motion graphics promo for [your brand], built like a landing page coming to life. Cut it to a 128 BPM electronic track with no voice-over. The idea is that there is never a plain cut: every scene hands over to the next through an object (a dot, a reel pick, a phone, a winning tile). Keep a clean, bright product-UI look: light backgrounds, rounded pills, cards, a phone, a dashboard and a video wall, with all labels as dark text on white plates and my brand colours used by role. Avoid hard cuts, crossfades, voice, white text on light or striped backgrounds, and labels that overlap rings or neighbouring shapes. </direction> <structure> Five beats of roughly equal length, about 3 seconds each, every handover landing on the beat. 1. Opening: a single dot appears in the centre and grows into a horizontal pill holding a row of circles: small portraits and icons such as "Aa", simple shapes and a cube. Each icon is fully visible, not covered by the neighbouring circle. The camera pulls back to reveal a two-line headline, both lines centred. The first line is like "No … keyframes." (replace with yours). The last word of the headline keeps rolling through alternatives like a slot reel. 2. A zoom dives through into a spinning reel of creator portraits and cards. The reel slows down and lands on one pick, which gets highlighted. 3. The pick becomes a phone, and a fan of feature cards spreads around it. One card reads "Edit in words" with the big number "03" and a small "Live preview" tag set right next to the number (replace with your features). The card captions sit on white plates. 4. A whip pan leads to a dashboard of video tiles with captions on white plates. It scores them and picks a winning video, which gets highlighted. 5. The winning tile opens into a tilted wall of videos with captions on white plates. The wall then folds into my logo for the end card, with "[your website]" beside the logo on a white plate. </structure> <composition> Centred, symmetrical framing for the headline and the logo end card. UI elements are laid out like a real landing page: a pill row, cards with large numbers and small tags, a phone mockup, a dashboard grid and a perspective-tilted wall. Use my brand colours by role: background tones (light, with some striped fills), one accent for highlights, selections and rings, and a dark text colour. Every caption on cards, tiles and the wall is dark text on a white rounded plate so it reads on any background. Use one clean sans-serif family: a bold headline, regular-weight labels, and bold button labels. Keep generous padding so no text touches rings or edges. </composition> <techniques> Every transition is an object turning into the next scene, never a cut. The dot scales up into the pill with a smooth ease-out, and the circles pop in with a slight stagger. The camera pull-back is a smooth scale-down revealing the headline. The rolling word is a vertical slot roll that loops through words. The zoom passes through the pill into the reel. The reel spins fast and decelerates with a long ease-out to land precisely on the pick. The pick scales and reshapes into the phone, and the cards fan out around it with a staggered rotate-and-slide. The whip pan is a fast horizontal move with motion blur and a sharp in-out ease. The dashboard selection is a highlight ring and scale-up on the winner. The winner expands into the tilted 3D wall, which folds and collapses into the logo with a final settle. All key moves and landings hit the beat grid. </techniques> <music> Make an original upbeat electronic track at 128 BPM, exactly 15 seconds long, with a clear arc: a light start, a build through the reel and phone scenes, a drop around the whip pan, and a clean ending on the logo. Lay it on the beat grid of the edit, with hits composed on top for every handover, a riser into the drop and a final hit as the wall folds into the logo. Master it to about -14 LUFS with true peak below -1 dBTP. </music> <sound> No voice-over. Add whooshes on the zoom-through and the whip pan, a short tick-and-stop as the reel lands, and a soft impact on the logo. Keep all of them under the music and on the beat. </sound> <references> A SaaS landing page animated into a product promo: UI cards, phone mockup, analytics dashboard and video wall, in the style of modern app launch videos with seamless object-to-object transitions. </references>

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

Eight-Bar Motion Designer Showreel at 128 BPM

<direction> Make a 15-second horizontal motion-graphics reel (1920x1080, 60 fps) for [your brand] that feels like a motion designer's showreel. The idea: eight scenes of exactly one bar each at 128 BPM (1.875 s), with a hard cut on every bar line and every scene showing a different discipline: dots, kinetic type shot by a camera, shape morphs, a dot grid, 3D points, a ribbon, text rings and an end card. Everything is flat vector graphics on flat, saturated colour fields, with fine animated film grain and a light vignette. Avoid crossfades, photos or footage, voice-over and any scene longer than one bar. The only breath is the end card. </direction> <structure> 1. 0.00-1.88, near-black: a pink dot pops in at the centre with overshoot. On beats 2, 3 and 4 it splits into 2, then 4, then a ring of 8 dots (radius about 200 px) that keeps turning. A thin grey circle draws itself on, with a dotted inner circle and a small crosshair. On the last beat the ring collapses into the centre dot, and a pink circle irises out from it to fill the screen. 2. 1.88-3.67, pink: the headline "YOUR IDEA / IN MOTION." (replace with yours) in deep ink, shot by a virtual camera. "YOUR" slams in huge and slightly blurred, then settles. The letters of "IDEA" fly in from the upper right on an arc, 35 ms apart, with overshoot, while bracket corners snap around the word and the camera pulls back to the whole first line. A fast whip pan (about 0.15 s, motion-blurred) reframes close on the left as "IN" rises onto line two. A second whip pulls out to the full block as the letters of "MOTION." drop in one by one, 26 ms apart. Then a 0.17 s crash zoom goes into the full stop until its dark dot fills the screen. 3. 3.67-5.63, near-black: out of that dark field a pink circle grows in the centre. It sits inside a design-tool bounding box with eight handles and a readout "ROT 000.0° / SHAPE CIRCLE" at the upper right. On the beats it morphs and spins about 100 degrees each time with a quick ease-out: a violet rounded square, a yellow rounded triangle, then an orange five-lobed flower. Faint echo outlines trail the edge and ghost boxes blur behind each spin, while the readout counts the angle and names the shape. The flower turns into a halftone rosette of small pink dots. 4. 5.63-7.50, light page: the rosette, now deep-ink dots, bursts into a rotating sphere of streaks and settles into a full-screen grid of 32 x 18 dots. On the beats, bands of bigger pink dots ripple through it: a ring expanding from the centre, a vertical sweep from left to right, ripples from two corners, then a ring in the centre. In the last half bar the grid tilts back into a 3D wave plane. 5. 7.50-9.38, violet: the plane continues as white points (a few of them yellow). The points swirl into a sphere, then a torus, then the edges of a cube. Each point arrives with its own small delay and leaves short streaks while moving fast. The points fade, the cube becomes a clean white wireframe, and the camera flies straight through it on the cut. 6. 9.38-11.25, yellow: a fat striped tube (deep-ink outline, pink, white, violet core, soft drop shadow) snakes in from the bottom left. It climbs, loops over the top and crosses over itself, and a ring of small tick marks bursts at the crossing. Then it slides out to the right, the tail chasing the head. 7. 11.25-13.15, near-black: four rows of words slide in from alternating sides with motion blur. The words alternate between solid white and outlined type, with pink bullets between them, for example "[YOUR BRAND] • IDEAS IN MOTION • MP4 EXPORT", "KINETIC TYPE • SHAPES • 3D EFFECTS", "MUSIC • SOUND • RHYTHM" and "FOOTAGE • PHOTOS • LOGOS" (replace with yours). The rows bend into four concentric rings around a pink dot that pops into the centre. The rings rotate in alternate directions, then spin up with blur and collapse into the dot. 8. 13.15-15.00, light page: an iris opens from that dot. The dot hops up in an arc and lands with a squash as the full stop of the wordmark "[Your brand].", set in deep-ink serif at about 230 px, whose letters rise from behind the baseline 50 ms apart. A tagline such as "YOUR AI MOTION DESIGNER" fades up below in widely letterspaced caps. Then a small grey line types on, such as "DESCRIBE THE VIDEO · THE AGENT ANIMATES IT · [YOUR WEBSITE]". Pace: no scene is longer than one bar. The cuts are the pulse, and the moves inside each bar land on beats (the dot splits, the shape morphs, the whips). The reel ends on the end card holding still. </structure> <composition> Palette: near-black #0D0B1E, pink #FB2D89 (main accent), deep ink #1C0B5D for dark type and outlines, light page #FAF9FF, violet #7C6CF2, yellow #FFD23F, orange #FE9117 and white. Backgrounds by scene: near-black, pink, near-black, light page, violet, yellow, near-black, light page. Type: an ultra-heavy geometric sans (Montserrat Black) for the headline and the text rings, a semibold bracketed serif (Literata) for the wordmark, and a clean grotesk (Geist) letterspaced about 0.2 em for small labels. An overlay sits on every scene except the end card: - thin corner brackets 55 px in from each corner; - top left, "[YOUR BRAND]" in bold plus a tagline such as "IDEAS IN MOTION" in a lighter grey; - top right, four tiny squares that light up on each beat, a bar count such as "BAR 3/8" and "128 BPM"; - bottom right, a frame counter such as "F0257" and a running timecode such as "00:00:04:16". The overlay's colour flips with each background: white on near-black and violet, deep ink on pink, light page and yellow. On the end card only the corners and the timecode remain. </composition> <techniques> Each hard cut is set up by the scene before it: the iris out, the crash zoom into the full stop, the dark field the shape grows from, the rosette bursting, the wave plane carrying over, the fly-through of the cube, the rings collapsing into a dot, and the iris from that dot. Moves inside each bar land on the beats. Pops and letter entrances use overshoot, and spins and morphs use a quick ease-out. Whip pans last about 0.15 s with motion blur, and the crash zoom lasts 0.17 s. Letter staggers are 35 ms for "IDEA", 26 ms for "MOTION." and 50 ms for the wordmark. Fast moves get motion blur, short streaks or trailing echo outlines. The overlay's beat squares light up on every beat, and its frame counter and timecode run live. Fine animated film grain and a light vignette sit over everything. </techniques> <music> An energetic, glossy house bed at 128 BPM, exactly 15 seconds long, on the same beat grid as the cuts. Bar 1 is the same music filtered and quiet under a rising sweep. The full four-on-the-floor beat with sidechained bass drops exactly on the first cut (1.875 s) and drives bars 2 to 7. The beat stops on the end-card iris (13.125 s), leaving one bell-like chord ringing with a long reverb to the end. </music> <sound> Sound design on the picture: - a soft click as the first dot pops, and little blips on the splits; - a boom on the drop; - swishes on the two whip pans, and a sub drop under the zoom into the full stop; - soft swooshes on the morphs, and a glassy hit as the rosette bursts; - whooshes on the cuts at 7.5 and 9.38 s, and a light hit where the ribbon crosses itself; - a boom with a metallic ring as the text rings close (about 12.2 s); - a click as the dot lands on the end card, and faint ticks while the last line types on. Mix at about -14 LUFS with true peak below -1 dBTP. No voice. </sound> <references> Motion designers' showreels and beat-cut agency sizzle reels in a flat-vector style, with design-tool interface motifs: bounding boxes with handles, rotation readouts, beat indicators, frame counters and timecode. </references>

Features

A motion designer who gets it

The agent writes the animation as code and shows the result right away. You direct it in plain words.

Edit in words

No keyframes to hunt for. Say what should change and the agent rewrites the scene.

Live preview

The video plays right in the app: play, pause and scrub while the agent works.

Your own media

Upload footage, photos and logos — the agent works them into the video.

Sound and voice-over

The agent composes music and sound effects to the animation’s rhythm and can add a voice-over.

Fonts for every script

A built-in library of open-licence fonts, with expressive headlines in Latin and Cyrillic.

Images and clips

Missing a picture or a shot? The agent can generate an image or a short clip inside the project.

In your browser now, on your phone soon

Open motionfab.app on a computer or phone. Apps for iPhone and Android are getting ready for release.

Coming soon toApp StoreComing soon toGoogle Play

FAQ

Questions you might have

01What is Motion Fab?

An app where an AI agent makes motion graphics from your description: animated type, shapes, transitions, 3D effects and sound. You talk to it in a chat, watch the preview and download the finished video.

02Do I need animation skills?

No. Describe the task in plain words. Edits work the same way: “bigger”, “slower”, “make it blue”.

03Can I add my own footage and photos?

Yes. Upload files to the project and the agent uses them: it places your logo, cuts in your footage or turns photos into an animated scene.

04What format is the video?

Vertical, horizontal or square — just tell the agent. The finished video exports as MP4.

05Which devices does it work on?

In the browser at motionfab.app, on computers and phones. Apps for iPhone and Android are coming to the App Store and Google Play.

Your idea is ready to move

Open Motion Fab, pick a template and describe your first video.

Try it free
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