Motion Fabyour AI motion designer
Simple Motion

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

A looping 31-second animated product demo: a tilted wall of app screens, a camera dive into one window, three numbered steps and an end card.

Published

Use prompt

The prompt opens in the app: add your own materials and the agent builds the video.

Report this prompt

Prompt

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.

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.

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.

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.

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.

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.

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.

What to prepare

  • Your logo or app icon, ideally a transparent PNG or SVG, used in the window chrome and on the end card.

More prompts

Preview of the “Hand-drawn drink recipe product explainer” promptSimple Motion

Hand-drawn drink recipe product explainer

<direction> Make a 30-second square motion graphic (1080x1080, 30 fps) with a light lounge music bed, playful sound effects on every action and no voice. It's a hand-drawn "recipe" explainer for my product: its steps are shown as a drink being built step by step in a glass. It is one continuous illustrated scene with no cuts, and everything changes in place. The look is a flat 2D illustration on a pale lavender-white page, with deep-ink outlines that boil like hand-drawn animation and chunky sticker-style cartoon caps. Replace every quoted word below with my product's own words, keeping each about the same length so the layout holds. Avoid cuts, camera moves, shading or gradients beyond the flat fills, and voice-over. </direction> <structure> The pace is calm and even. The intro is quick and bouncy, each pour takes a steady 5 s, the stir and the twist run a little faster, and the finale holds for 3 s. Every card change sits on a beat of the 120 BPM music: 6.0, 11.0, 16.0, 21.0, 24.5 and 27.0 s. - 0–2.5 s, title: "YOUR BRAND" (replace with your brand) is laid out large in the centre, about 920 px wide. From 0.15 s its letters stamp in one by one at their own places over 0.83 s. Each starts at 10% size, 22 px low and tilted ±8–14°, and lands in 0.36 s with a soft overshoot (back.out 1.7). At 1.4 s a small line, "what your product is", fades in under it, and it fades out at 2.45 s. - 2.5–3.6 s, hand-off: the title rises 365 px and shrinks to 58% in 0.8 s (power3.inOut) to become the header. Meanwhile, from 2.87 s, the glass draws itself like a pen sketch: left wall, right wall, rim ellipse, then bottom curve, about 0.4 s in all. Its fill then fades in (0.28 s), and the header subtitle fades in under the title. - 3.6–6.0 s, step 1: the card enters with a 4° tilt and a fast fade (0.15 s), and its big value stamps in on its own. The card reads "STEP 01", "PICK", "TEMPLATE" and "vertical, horizontal or square". The tracker fades in with the first circle active. Three ice cubes drop in from above the frame 0.35 s apart. Each falls with gravity (power2.in, about 0.3 s), bounces about 140 px, hops 20 px and settles, two on the bottom and one on top. Three little spark strokes flash above each cube as it passes the rim. Each landing fills a third of the card's progress bar and adds one word of the status "three short words". - 6.0–21.0 s, steps 2–4: three pours of 5 s each, all on the same pattern. The cards read "STEP 02 / SAY / KINETIC TYPE / tell the chat what to show", then "STEP 02 / SAY / SHAPES / the agent builds the animation", then "STEP 02 / SAY / SOUND / music and sound effects to the rhythm". A bottle slides in from the left (0.23 s) and stands. It then tilts to 115° on a small arc, up a little and then down to the pour point (0.37 s), and pours a curved stream into the glass. The bottles are lavender, then pink, then deep ink. Each has a white label with my logo as a small rounded-square icon, a word ("TYPE", "SHAPES", "SOUND") and a small line ("kinetic", "3D effects", "music"). A grey target mark ("01", then "02", then "03") appears beside the glass with a dashed line across it. The drink rises to that mark over 2 s (sine.inOut), the ice floats up with it, and splash droplets hop where the stream lands. The drink starts clear white, turns pink with the second pour, then deep magenta (pink mixed with deep ink) with the third, each colour blending over about 1.3 s. The progress bar fills and "live preview" types itself in ten steps. Then the mark turns pink, the top of the stream lets go and falls in, and the bottle tilts back and slides out. - 21.0–24.5 s, step 5: the card reads "STEP 03 / REFINE / IN WORDS / “bigger”, “slower”, “another colour”". A light bar spoon with a ball top drops in on a fast ease-out. It rocks 8° back and forth on a 0.8 s cycle while the cubes jostle and dim, then lifts out. The bar fills in 4-frame ticks while "live preview" types out. - 24.5–27.0 s, step 6: the card reads "STEP 03 / MP4 / EXPORT / download the MP4". An orange peel curl pops in above the glass, twists and squashes for about 0.8 s while orange droplets fall. It then glides onto the rim (0.5 s, power2.inOut) as "try it free" finishes typing. - 27.0–30 s, finale: the card re-mounts as "YOUR TAGLINE / OPEN APP / YOURSITE.COM / pick · describe · refine". Seven short pink and orange dashes shoot out around the glass (0.16 s) and keep gently breathing in and out. The glass grows 4% over 0.6 s and holds to the end. </structure> <composition> Colours: - Page: pale lavender-white (#FAF9FF). - Outlines: deep ink (#1C0B5D), about 3 px with round caps. - Glass: lavender (#F0EDFF) with a violet-tinted base. - Ice cubes: rounded squares, white at 40% over whatever is behind them, with an inner corner line. - Cards: white with a soft lavender offset shadow. - Orange (#FE9117): the garnish and half of the finale dashes. Type: - Display type: chunky cartoon caps (something like Lalezar) set as stickers. The face is pink (#FB2D89), with a deep-ink outline behind it and a violet extrusion (#7C6CF2) offset down-left. - Small text: a friendly print handwriting (something like Playpen Sans), muted purple-grey (#6B6385) for body text and pink for labels. Layout after the intro: - Header: top centre, about 540 px wide, with a small line under it: "first benefit · second benefit · third benefit". - Glass: a tapered rocks glass left of centre, about 290 px wide, rim at y 457 and base at y 797. - Info card: on the right, 390x248 px with 14 px corners and a deep-ink border. Top to bottom it holds a small pink kicker, the big sticker-letter value, a title in dark caps, a handwritten line, and a pill progress bar with a short status word on its right. - Tracker: six steps along the bottom. The circles are 43 px wide and 156 px apart on a thin rail, with small caps labels under them: "TEMPLATE", "TYPE", "SHAPES", "SOUND", "REFINE", "EXPORT". </composition> <techniques> - Boiling lines: every drawn line gets a gentle 1–2 px wobble that changes to a new wobble every 4 frames, across the whole piece, like a turbulence displacement over the lines. - Card re-mount: on each step's first frame, only the new big value shows for one frame, then the card pops back. The big value stamps in on its own from 72% size with a back.out overshoot. - Typing: status words type themselves in steps. - Tracker, current step: its circle has a deep-ink ring, a pink dot and a pink label, and it breathes between 100% and 112% every second. - Tracker, finished step: about 0.1 s before the next card, its circle fills pink and a white tick draws in 0.17 s. Its label turns deep ink, and the rail to the next circle fills pink in 0.37 s. - Tracker, steps still to come: they stay muted with a small grey dot. </techniques> <music> A warm, relaxed lounge-pop instrumental at 120 BPM in a major key: brushed drums, round upright bass, vibraphone, pizzicato strings, finger snaps and a little shaker. Keep it sparse with no lead melody, so it sits under the effects. It opens with a few plucked vibraphone and pizzicato notes and no drums, and a soft bass joins at 2 s. The full brushed groove with a walking bass drops exactly on the first pour card at 6.0 s. It stays steady through the pours, the stir and the twist, lands a closing chord hit at 28.0 s as the finished glass settles, and rings out to the end. Make it exactly 30 s, mixed to about -14 LUFS with true peak below -1 dBTP. </music> <sound> No voice. Each effect sits on its frame, clearly above the music; the music never needs to get louder to make room. - Title: a soft pop for every letter, rising a little in pitch and panned left to right as the word builds. - Hand-off: a gentle whoosh under the title's rise, and a faint pencil scratch for each stroke as the glass draws itself. - Cards: a paper flick and a soft thud each time a card is dealt and its big word stamps in. - Ice landings: a hard, short knock of ice against the glass for each cube, with two or three contacts a few milliseconds apart and a low thunk under the drop. Softer for the bounce and smaller for the last hop, every hit standing well clear of the music. - Bottles: a soft whoosh as each bottle slides in and again as it tilts. - Pours: each one clearly audible and different. First a fizzy, splashy clear stream that knocks the ice, then a fuller pour in quick glugs, then a dark syrupy one in slow, deep glugs. Give each pour body in the 1–4 kHz range, where the stream and the glass's ringing air pocket sit, so it reads about 8 dB above the seconds around it there. Keep them clean: mostly the ringing glass and bubbles, little hiss. - Around each pour: the pitch of the air pocket rises from pour to pour as the glass fills, and a few last drips fall after each one. The music ducks about 5 dB under each pour and comes back gently, and a whoosh follows the bottle out. - Tracker: a soft two-note confirmation chime whenever a step is ticked off, a touch louder for the last one. - Spoon: a metal clink as it drops in, ice knocking against the glass at each end of its swing, and a whoosh as it lifts out. - Peel: a pluck as it pops in, three fine mist sprays while it twists, and a soft tap as it lands on the rim. - Finale: a bright chime with the burst of dashes, over a faint glassy shimmer to the end. - Final mix: about -14 LUFS, true peak below -1 dBTP. </sound> <references> Hand-drawn boiling-line cel animation, flat sticker-style app explainers, and cocktail-recipe illustrations where each ingredient stands for a feature. </references>

Preview of the “Landing page promo with object-driven transitions” promptSimple 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>

Preview of the “Kinetic App Launch Video with an Animated UI Mockup” promptSimple 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
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