Animation
Interaction

Prompting for Motion and Interaction

Your slides aren't static — they can move, react to hover, count up in real time, and reveal hidden content. A gallery of creative prompt examples you can copy and paste.

Dev Decks Team

Product & Growth

April 3, 2026

10 min read

Your slides aren't static images. They're alive — elements can move, react to your viewer's mouse, count up in real time, and reveal hidden content on hover. Most users never discover this because they've never had a deck tool that could do it. But in Dev Decks, if you can describe the movement or interaction you want, the AI builds it.

This article is a gallery of what's possible. Every example below is a prompt you can copy and paste into your own deck right now.

Your Slides Already Move

Even without asking, the AI adds subtle entrance animations to your slides — elements fade in, text appears smoothly, sections build naturally. Your deck already looks polished out of the box.

But if you want to push further — choreograph how things appear, add hover effects, make numbers count up live — you just describe it. There are no limits.

Entrance Animations

How elements appear on the slide when a viewer first sees it.

Elements Appearing One by One

Instead of everything showing up at once, elements appear in sequence — drawing the viewer's eye through your content in order.

Try these:

"Make the feature cards appear one by one with a slight delay between each"

"The three steps should appear in sequence — step 1 first, then step 2, then step 3"

"Each team member card fades in one after the other, starting from the left"

"Stagger the pricing tiers so they build across the slide from left to right"

Fade and Slide Effects

Control the direction elements come from when they enter.

Try these:

"Everything fades up from below as the slide loads"

"The headline slides in from the left, the image slides in from the right"

"Left and right panels slide in from opposite sides with a divider line drawing between them"

"The stats drop in from the top one at a time"

Dramatic Reveals

For slides that need to make an impact the moment they appear.

Try these:

"Word-by-word mask reveal on the headline — each word appears one at a time"

"The background image fades in first, then the text appears over it with a slight delay"

"Start with just the number '$2.4M' centred on a dark background, then after a beat the supporting text fades in below"

"The logo appears first, holds for a moment, then the tagline types itself out letter by letter"

Hover Effects

What happens when a viewer moves their mouse over an element. These make your slides feel interactive and alive — viewers discover more content by exploring.

Reveal Hidden Content

Try these:

"Each team member card shows their photo and name. On hover, the card expands to reveal their bio and LinkedIn"

"The feature grid shows icons and titles. Hover over any feature to see a short description appear below it"

"Each client logo has a tooltip that appears on hover showing what we did for them"

"The pricing cards lift up slightly on hover and show a 'Most popular' badge on the recommended plan"

Visual Reactions

Try these:

"The cards lift up and get a subtle shadow when you hover over them"

"On hover, the active panel lifts and the others dim slightly"

"Each portfolio image zooms in slightly when hovered, with a colour overlay showing the project name"

"The metric cards glow with our brand colour on hover"

"Hover over each step in the process to highlight it and dim the others"

Animated Numbers and Counters

Numbers that count up from zero to their final value — one of the most effective ways to draw attention to key metrics. Viewers watch the number climb and it makes the figure feel earned, not just stated.

Try these:

"The revenue number counts up from zero to £2.4M"

"Add animated counters for all three metrics — 500+ customers, 99.9% uptime, and 4.8 star rating"

"The funding amount counts up from zero, then a '+340% YoY' badge fades in next to it"

"Each stat in the traction slide counts up with a small label underneath explaining what it means"

"Show the NPS score counting up to 72 inside a circular progress ring"

"Three counters side by side: users counting to 50,000, countries counting to 12, uptime counting to 99.9%"

Progress Bars and Gauges

Visual indicators that fill up or animate to show progress, completion, or performance.

Try these:

"Show our market penetration as a progress bar that fills to 23%"

"Each skill or capability has a horizontal bar that fills to its percentage"

"A circular gauge that fills to show our customer satisfaction score of 94%"

"Three progress bars stacked — product development at 80%, hiring at 45%, revenue at 60% — each filling up in sequence"

Interactive Comparisons

Let viewers explore differences between options, plans, or before/after states.

Try these:

"A comparison table between us and two competitors. Our column is highlighted. Hover over any row to emphasise that comparison"

"Before and after layout — the old way on the left, our solution on the right, with a vertical divider the viewer can mentally split"

"Three pricing tiers side by side. The recommended tier is slightly larger. Hover over any tier to see it lift up with a full feature breakdown"

"Show our product vs the old way. On hover, each row highlights to show the contrast"

Motion Choreography

This is where it gets creative. You can choreograph entire slide experiences — directing not just what appears, but in what order, from where, and with what feeling.

Try these:

"Slide opens with the headline typing itself out. Then three feature cards drop in from above one at a time. Finally the CTA button fades in at the bottom"

"The background gradient animates slowly while stat cards snap into a grid from scattered positions around the slide"

"Sequential node-and-connector reveal across the 3 steps — each node lights up, then a line draws to the next one"

"Frosted glass CTA panel slides up from the bottom of the slide, button grows from the centre"

"The timeline builds left to right — each milestone appears with a dot, then a line extends to the next one"

"Start with everything dimmed. The first metric lights up and counts. Then the second. Then the third. Then the headline appears."

"Each testimonial card flips in from behind the previous one, like a deck of playing cards being dealt"

"The competitive matrix builds cell by cell — our checkmarks appear with a satisfying pop, competitor X marks fade in quietly"

Combining Effects

The real magic happens when you combine multiple techniques in one slide.

Try these:

"Team grid where each person fades in one by one, and hovering over anyone reveals their bio with a smooth expand. Their photo zooms in slightly on hover too"

"Metrics dashboard with four counters that count up in sequence, each with a small sparkline chart that draws itself underneath. The whole section fades up from below first"

"Pricing table where the recommended plan is highlighted and slightly larger. All three plans slide in from below with a stagger. Hover over any plan to see it lift up with a full feature list"

"Timeline that builds left to right with connecting lines. Each milestone has an icon that bounces gently when it appears. Hover over any milestone to see the detail expand below it"

When to Keep It Simple

Motion is powerful, but not every slide needs it. Some slides do their job best when they're clean and still.

Slides that benefit from motion:

  • Key metrics (counters make numbers feel impactful)
  • Team pages (hover reveals add depth without clutter)
  • Process or timeline slides (sequential reveals tell a story)
  • Closing CTA (a well-timed entrance makes the ask feel deliberate)

Slides where less is more:

  • Dense data tables (motion can distract from the numbers)
  • Slides with lots of text (let the content breathe)
  • Section dividers (a bold statement doesn't need animation)

The AI has good instincts here. If you don't mention motion, it'll add tasteful defaults. You're in control of how far to push it.

Your slides aren't static images. They're alive — elements can move, react to your viewer's mouse, count up in real time, and reveal hidden content on hover. Most users never discover this because they've never had a deck tool that could do it. But in Dev Decks, if you can describe the movement or interaction you want, the AI builds it.

This article is a gallery of what's possible. Every example below is a prompt you can copy and paste into your own deck right now.

Your Slides Already Move

Even without asking, the AI adds subtle entrance animations to your slides — elements fade in, text appears smoothly, sections build naturally. Your deck already looks polished out of the box.

But if you want to push further — choreograph how things appear, add hover effects, make numbers count up live — you just describe it. There are no limits.

Entrance Animations

How elements appear on the slide when a viewer first sees it.

Elements Appearing One by One

Instead of everything showing up at once, elements appear in sequence — drawing the viewer's eye through your content in order.

Try these:

"Make the feature cards appear one by one with a slight delay between each"

"The three steps should appear in sequence — step 1 first, then step 2, then step 3"

"Each team member card fades in one after the other, starting from the left"

"Stagger the pricing tiers so they build across the slide from left to right"

Fade and Slide Effects

Control the direction elements come from when they enter.

Try these:

"Everything fades up from below as the slide loads"

"The headline slides in from the left, the image slides in from the right"

"Left and right panels slide in from opposite sides with a divider line drawing between them"

"The stats drop in from the top one at a time"

Dramatic Reveals

For slides that need to make an impact the moment they appear.

Try these:

"Word-by-word mask reveal on the headline — each word appears one at a time"

"The background image fades in first, then the text appears over it with a slight delay"

"Start with just the number '$2.4M' centred on a dark background, then after a beat the supporting text fades in below"

"The logo appears first, holds for a moment, then the tagline types itself out letter by letter"

Hover Effects

What happens when a viewer moves their mouse over an element. These make your slides feel interactive and alive — viewers discover more content by exploring.

Reveal Hidden Content

Try these:

"Each team member card shows their photo and name. On hover, the card expands to reveal their bio and LinkedIn"

"The feature grid shows icons and titles. Hover over any feature to see a short description appear below it"

"Each client logo has a tooltip that appears on hover showing what we did for them"

"The pricing cards lift up slightly on hover and show a 'Most popular' badge on the recommended plan"

Visual Reactions

Try these:

"The cards lift up and get a subtle shadow when you hover over them"

"On hover, the active panel lifts and the others dim slightly"

"Each portfolio image zooms in slightly when hovered, with a colour overlay showing the project name"

"The metric cards glow with our brand colour on hover"

"Hover over each step in the process to highlight it and dim the others"

Animated Numbers and Counters

Numbers that count up from zero to their final value — one of the most effective ways to draw attention to key metrics. Viewers watch the number climb and it makes the figure feel earned, not just stated.

Try these:

"The revenue number counts up from zero to £2.4M"

"Add animated counters for all three metrics — 500+ customers, 99.9% uptime, and 4.8 star rating"

"The funding amount counts up from zero, then a '+340% YoY' badge fades in next to it"

"Each stat in the traction slide counts up with a small label underneath explaining what it means"

"Show the NPS score counting up to 72 inside a circular progress ring"

"Three counters side by side: users counting to 50,000, countries counting to 12, uptime counting to 99.9%"

Progress Bars and Gauges

Visual indicators that fill up or animate to show progress, completion, or performance.

Try these:

"Show our market penetration as a progress bar that fills to 23%"

"Each skill or capability has a horizontal bar that fills to its percentage"

"A circular gauge that fills to show our customer satisfaction score of 94%"

"Three progress bars stacked — product development at 80%, hiring at 45%, revenue at 60% — each filling up in sequence"

Interactive Comparisons

Let viewers explore differences between options, plans, or before/after states.

Try these:

"A comparison table between us and two competitors. Our column is highlighted. Hover over any row to emphasise that comparison"

"Before and after layout — the old way on the left, our solution on the right, with a vertical divider the viewer can mentally split"

"Three pricing tiers side by side. The recommended tier is slightly larger. Hover over any tier to see it lift up with a full feature breakdown"

"Show our product vs the old way. On hover, each row highlights to show the contrast"

Motion Choreography

This is where it gets creative. You can choreograph entire slide experiences — directing not just what appears, but in what order, from where, and with what feeling.

Try these:

"Slide opens with the headline typing itself out. Then three feature cards drop in from above one at a time. Finally the CTA button fades in at the bottom"

"The background gradient animates slowly while stat cards snap into a grid from scattered positions around the slide"

"Sequential node-and-connector reveal across the 3 steps — each node lights up, then a line draws to the next one"

"Frosted glass CTA panel slides up from the bottom of the slide, button grows from the centre"

"The timeline builds left to right — each milestone appears with a dot, then a line extends to the next one"

"Start with everything dimmed. The first metric lights up and counts. Then the second. Then the third. Then the headline appears."

"Each testimonial card flips in from behind the previous one, like a deck of playing cards being dealt"

"The competitive matrix builds cell by cell — our checkmarks appear with a satisfying pop, competitor X marks fade in quietly"

Combining Effects

The real magic happens when you combine multiple techniques in one slide.

Try these:

"Team grid where each person fades in one by one, and hovering over anyone reveals their bio with a smooth expand. Their photo zooms in slightly on hover too"

"Metrics dashboard with four counters that count up in sequence, each with a small sparkline chart that draws itself underneath. The whole section fades up from below first"

"Pricing table where the recommended plan is highlighted and slightly larger. All three plans slide in from below with a stagger. Hover over any plan to see it lift up with a full feature list"

"Timeline that builds left to right with connecting lines. Each milestone has an icon that bounces gently when it appears. Hover over any milestone to see the detail expand below it"

When to Keep It Simple

Motion is powerful, but not every slide needs it. Some slides do their job best when they're clean and still.

Slides that benefit from motion:

  • Key metrics (counters make numbers feel impactful)
  • Team pages (hover reveals add depth without clutter)
  • Process or timeline slides (sequential reveals tell a story)
  • Closing CTA (a well-timed entrance makes the ask feel deliberate)

Slides where less is more:

  • Dense data tables (motion can distract from the numbers)
  • Slides with lots of text (let the content breathe)
  • Section dividers (a bold statement doesn't need animation)

The AI has good instincts here. If you don't mention motion, it'll add tasteful defaults. You're in control of how far to push it.

More in Making Your Slides Yours

How Your Words Become Slides

Understand the connection between what you type and what the AI builds. Your words are the design tool — and there are no limits.

6 min read

The Prompt Spectrum: Vague to Specific

A five-level ladder showing how each step of specificity — from a simple request to full motion and brand direction — changes what the AI builds.

7 min read

Prompting for Layout

Learn the layout vocabulary that shapes your slides — grids, split screens, full-width backgrounds, timelines, and more.

8 min read

Prompting for Data Visualization

Turn flat numbers into visual stories — animated counters, comparison displays, metric dashboards, progress indicators, and funnel charts. Copy-paste prompts included.

10 min read

Prompting for Tone and Personality

The same content can feel corporate, energetic, luxurious, or playful — it depends on the words you use. A gallery of tone vocabulary with examples for every persona.

9 min read

Reference-Driven Prompting

Name a brand, product, or style you admire and the AI uses it as a design compass. Apple keynotes, Stripe landing pages, McKinsey decks — reference anything.

8 min read

Iterative Refinement: The 3-Prompt Rule

You don't need the perfect message first time. Structure, then design, then polish — three rounds to go from good to exceptional. Plus the edit vocabulary that works.

8 min read

Slide-by-Slide vs Deck-Wide Prompts

Set the rules for the whole deck, then override them for individual slides. The two-phase workflow that creates consistency with standout moments.

8 min read

10 Prompts That Transform Your Deck

The cheat sheet. Ten copy-paste prompts that take common slides and make them dramatically better in seconds. No theory — just prompts that work.

9 min read

Writing Effective Audience Briefs

The quality of your edition depends on your audience brief. The 4-sentence framework plus ready-to-use briefs for every persona — investors, sales prospects, board members, and more.

10 min read

Ready to build your deck?

Paste your URL and get an on-brand deck in minutes. Custom slides, your brand, no templates.

Build your deck free