Most people think of slides as text, images, and maybe a chart. That's the ceiling with template tools. With Dev Decks, there's no ceiling. Your slides can be interactive, animated, and genuinely surprising.
This article is a gallery of slide types that most users never think to ask for — each with a prompt you can copy right now. Some of these will change how you think about what a deck can be.
Interactive Comparison Tables
A comparison that reacts when the viewer engages with it — not just a static grid.
"Comparison table — us vs three competitors. Our column highlighted with the brand colour. Hover over any row to highlight that comparison across all columns — our advantage lights up, their gaps fade. Smooth transitions between row highlights."
"Feature comparison where each row reveals a detail tooltip on hover. Our checkmarks are animated — they draw themselves when the slide loads. Competitor X marks are static and grey."
"Interactive pricing comparison — three products side by side. Click on any feature row to see a detailed explanation appear below the table. Our column has a subtle pulsing border."
Animated Flywheels and Cycle Diagrams
Show circular processes, growth loops, or self-reinforcing systems — with movement.
"Growth flywheel — 4 stages in a circle: Acquire → Activate → Retain → Refer. Each stage has an icon. The flywheel rotates slowly and continuously. Hovering over any stage highlights it and shows a one-line description. The arrows between stages pulse with brand colour."
"Product cycle diagram — Content → Distribution → Engagement → Data → Better Content. Five nodes in a pentagon with connecting arrows. The cycle draws itself clockwise — each node lights up in turn, then the whole thing loops."
"Virtuous circle — 3 elements feeding into each other: 'More users → More data → Better product → More users.' The circle spins slowly. Each element has a small metric underneath it. Hover to pause and read."
Hover-Reveal Cards
Cards that show a clean surface but reveal hidden content when the viewer explores.
"Feature grid — 6 cards in a 3x2 layout. Each shows an icon and a title. Hover over any card to see it flip and reveal a 2-sentence description on the back. Smooth flip animation."
"Value proposition cards — 4 cards, each with a bold number and a label. On hover, the card expands vertically to reveal a supporting paragraph and a small chart. Other cards dim slightly to focus attention."
"Team advisory board — 6 small circular photos in a row. Hover over any photo to see the advisor's card expand below with their name, title, company, and how they help. Clean, minimal surface — rich detail on demand."
Tabbed Content Sections
Slides that let the viewer switch between different views — like tabs in a browser.
"Product features with 3 tabs at the top: 'For Sales', 'For Marketing', 'For Leadership.' Clicking each tab shows a different set of features and benefits below. The active tab is highlighted with brand colour. Smooth fade transition between views."
"Case study tabs — 3 client names as tabs. Each tab shows that client's challenge, solution, and result. The viewer can explore all three without leaving the slide. Active tab is underlined."
"Pricing tabs — toggle between 'Monthly' and 'Annual' at the top. The prices and savings update below. Annual shows a '2 months free' badge. Toggle is a smooth switch with the label sliding between positions."
Animated Progress Bars and Gauges
Visual indicators that fill, grow, or climb to show progress, skill levels, or performance.
"Skill bars — 5 capabilities listed vertically, each with a horizontal bar that fills to its percentage. Design (95%), Development (88%), Strategy (82%), Marketing (75%), Analytics (90%). The bars fill from left to right in sequence, top to bottom."
"Circular progress gauges — 4 rings side by side: Customer Satisfaction (94%), Product Quality (89%), Team Happiness (91%), Revenue Target (78%). Each ring fills clockwise. The percentage appears in the centre of each ring as it completes."
"Project completion dashboard — 3 workstreams, each with a progress bar: Research (100%, green), Design (65%, amber), Development (30%, blue). The bars fill one after another. Completed workstreams have a checkmark."
"Fundraising thermometer — a vertical gauge that fills from bottom to top, reaching £3.2M of a £5M target. The mercury-style fill animation climbs and stops at 64%. The target is marked with a dotted line near the top."
Before/After Visual Comparisons
Side-by-side or interactive comparisons showing transformation.
"Split screen — 'Before Dev Decks' on the left (grey, static, a boring PDF screenshot) and 'After Dev Decks' on the right (bright, animated, a beautiful slide). A vertical divider line sits between them. The left side loads first, sits for a moment, then the right side slides in dramatically."
"Before/after slider — one image of the old process and one of the new, overlaid. A draggable divider lets the viewer reveal more of one side. Slide left to see the old way, slide right to see the new."
"Transformation timeline — a horizontal bar. The left end is 'Day 1' (generic deck, no analytics, manual updates). The right end is 'Day 30' (branded, personalised editions, full analytics). Key improvements are marked along the bar at the days they happen."
Metric Dashboards
Executive-level data views that show multiple metrics in an organised, scannable layout.
"CEO dashboard — 6 metric cards in a 3x2 grid. Each card: metric name, large number counting up, small trend arrow, and a tiny sparkline chart. Cards alternate between dark and light backgrounds for visual rhythm. The whole grid fades up from below."
"Quarterly performance view — two rows. Top row: 3 hero metrics (revenue, growth, runway) with large counters. Bottom row: 6 secondary metrics in smaller cards (NPS, churn, CAC, LTV, headcount, burn rate). Top row counts up first, then bottom row fills in."
"Real-time analytics dashboard — metrics arranged like a control room: one large chart in the centre showing the primary KPI trend, surrounded by smaller stat cards on all sides. Each card has a live-looking counter. Dark background, data-forward, Bloomberg terminal feel."
Interactive Timelines
Timelines that the viewer can explore, not just read.
"Milestones timeline — horizontal. Each milestone is a clickable dot. Click any dot to see a detail card appear below with the date, achievement, and a supporting stat. Only one detail card shows at a time. The most recent milestone pulses."
"Dual timeline — two parallel tracks showing the company journey (top) and the market evolution (bottom). Connected by dotted lines where company milestones align with market events. Builds left to right, both tracks simultaneously."
"Journey map — a winding path from start to today, with milestone markers along the way. Each marker has a small icon and date. The path draws itself. Hover over any marker to see the story behind that moment."
Animated Data Stories
Numbers that reveal themselves with narrative timing — not all at once.
"The big reveal — slide opens completely dark. After 2 seconds, one number appears: '£2.4M.' It counts up from zero, alone on the screen. After it lands, the label 'Monthly Recurring Revenue' fades in below. Then a badge: '+340% year over year' slides in from the right. Three moments. One story."
"Stat cascade — 5 metrics fall into place one after another, top to bottom: users, revenue, retention, NPS, growth rate. Each one drops in with a slight bounce, then the next one follows. By the end, you see the full picture. The first metric you saw has the most time to sink in."
"Competitive scoreboard — us vs one competitor, metric by metric. Each row reveals the scores simultaneously — our score on the left, theirs on the right. When our score is higher, our side flashes green. Row by row, the pattern builds: mostly green on our side. The total at the bottom counts up last."
Living Diagrams
Diagrams that move, breathe, and react.
"Organisation chart that builds from the CEO down. The CEO appears first, then lines draw downward to the leadership team, then to their reports. Each person fades in as the line reaches them. Hover over anyone to see their name and role."
"Network diagram — our product at the centre, with lines radiating outward to integration partners. Each partner logo appears and connects. The network grows organically. Hover over any partner to see the integration description."
"Architecture overview — 3 layers stacked: user layer (top), product layer (middle), data layer (bottom). Each layer slides in from the side. Arrows draw between layers showing how information flows. Clean, technical-looking but accessible."
The Point
Every one of these slide types is something you can build right now with a copy-paste prompt. No design skills required. No template limitations. Just describe what you want, and it appears.
The next time you're building a deck and thinking "I need a slide that shows..." — remember that the answer is probably in this gallery. And if it's not, describe something new. There are no limits.
What to Read Next
- Prompting for Motion and Interaction — The full animation and interaction playbook.
- Anatomy of an Exceptional Slide — What makes the best slides work, broken down with examples.
- 10 Prompts That Transform Your Deck — Ten copy-paste prompts for immediate impact.
Most people think of slides as text, images, and maybe a chart. That's the ceiling with template tools. With Dev Decks, there's no ceiling. Your slides can be interactive, animated, and genuinely surprising.
This article is a gallery of slide types that most users never think to ask for — each with a prompt you can copy right now. Some of these will change how you think about what a deck can be.
Interactive Comparison Tables
A comparison that reacts when the viewer engages with it — not just a static grid.
"Comparison table — us vs three competitors. Our column highlighted with the brand colour. Hover over any row to highlight that comparison across all columns — our advantage lights up, their gaps fade. Smooth transitions between row highlights."
"Feature comparison where each row reveals a detail tooltip on hover. Our checkmarks are animated — they draw themselves when the slide loads. Competitor X marks are static and grey."
"Interactive pricing comparison — three products side by side. Click on any feature row to see a detailed explanation appear below the table. Our column has a subtle pulsing border."
Animated Flywheels and Cycle Diagrams
Show circular processes, growth loops, or self-reinforcing systems — with movement.
"Growth flywheel — 4 stages in a circle: Acquire → Activate → Retain → Refer. Each stage has an icon. The flywheel rotates slowly and continuously. Hovering over any stage highlights it and shows a one-line description. The arrows between stages pulse with brand colour."
"Product cycle diagram — Content → Distribution → Engagement → Data → Better Content. Five nodes in a pentagon with connecting arrows. The cycle draws itself clockwise — each node lights up in turn, then the whole thing loops."
"Virtuous circle — 3 elements feeding into each other: 'More users → More data → Better product → More users.' The circle spins slowly. Each element has a small metric underneath it. Hover to pause and read."
Hover-Reveal Cards
Cards that show a clean surface but reveal hidden content when the viewer explores.
"Feature grid — 6 cards in a 3x2 layout. Each shows an icon and a title. Hover over any card to see it flip and reveal a 2-sentence description on the back. Smooth flip animation."
"Value proposition cards — 4 cards, each with a bold number and a label. On hover, the card expands vertically to reveal a supporting paragraph and a small chart. Other cards dim slightly to focus attention."
"Team advisory board — 6 small circular photos in a row. Hover over any photo to see the advisor's card expand below with their name, title, company, and how they help. Clean, minimal surface — rich detail on demand."
Tabbed Content Sections
Slides that let the viewer switch between different views — like tabs in a browser.
"Product features with 3 tabs at the top: 'For Sales', 'For Marketing', 'For Leadership.' Clicking each tab shows a different set of features and benefits below. The active tab is highlighted with brand colour. Smooth fade transition between views."
"Case study tabs — 3 client names as tabs. Each tab shows that client's challenge, solution, and result. The viewer can explore all three without leaving the slide. Active tab is underlined."
"Pricing tabs — toggle between 'Monthly' and 'Annual' at the top. The prices and savings update below. Annual shows a '2 months free' badge. Toggle is a smooth switch with the label sliding between positions."
Animated Progress Bars and Gauges
Visual indicators that fill, grow, or climb to show progress, skill levels, or performance.
"Skill bars — 5 capabilities listed vertically, each with a horizontal bar that fills to its percentage. Design (95%), Development (88%), Strategy (82%), Marketing (75%), Analytics (90%). The bars fill from left to right in sequence, top to bottom."
"Circular progress gauges — 4 rings side by side: Customer Satisfaction (94%), Product Quality (89%), Team Happiness (91%), Revenue Target (78%). Each ring fills clockwise. The percentage appears in the centre of each ring as it completes."
"Project completion dashboard — 3 workstreams, each with a progress bar: Research (100%, green), Design (65%, amber), Development (30%, blue). The bars fill one after another. Completed workstreams have a checkmark."
"Fundraising thermometer — a vertical gauge that fills from bottom to top, reaching £3.2M of a £5M target. The mercury-style fill animation climbs and stops at 64%. The target is marked with a dotted line near the top."
Before/After Visual Comparisons
Side-by-side or interactive comparisons showing transformation.
"Split screen — 'Before Dev Decks' on the left (grey, static, a boring PDF screenshot) and 'After Dev Decks' on the right (bright, animated, a beautiful slide). A vertical divider line sits between them. The left side loads first, sits for a moment, then the right side slides in dramatically."
"Before/after slider — one image of the old process and one of the new, overlaid. A draggable divider lets the viewer reveal more of one side. Slide left to see the old way, slide right to see the new."
"Transformation timeline — a horizontal bar. The left end is 'Day 1' (generic deck, no analytics, manual updates). The right end is 'Day 30' (branded, personalised editions, full analytics). Key improvements are marked along the bar at the days they happen."
Metric Dashboards
Executive-level data views that show multiple metrics in an organised, scannable layout.
"CEO dashboard — 6 metric cards in a 3x2 grid. Each card: metric name, large number counting up, small trend arrow, and a tiny sparkline chart. Cards alternate between dark and light backgrounds for visual rhythm. The whole grid fades up from below."
"Quarterly performance view — two rows. Top row: 3 hero metrics (revenue, growth, runway) with large counters. Bottom row: 6 secondary metrics in smaller cards (NPS, churn, CAC, LTV, headcount, burn rate). Top row counts up first, then bottom row fills in."
"Real-time analytics dashboard — metrics arranged like a control room: one large chart in the centre showing the primary KPI trend, surrounded by smaller stat cards on all sides. Each card has a live-looking counter. Dark background, data-forward, Bloomberg terminal feel."
Interactive Timelines
Timelines that the viewer can explore, not just read.
"Milestones timeline — horizontal. Each milestone is a clickable dot. Click any dot to see a detail card appear below with the date, achievement, and a supporting stat. Only one detail card shows at a time. The most recent milestone pulses."
"Dual timeline — two parallel tracks showing the company journey (top) and the market evolution (bottom). Connected by dotted lines where company milestones align with market events. Builds left to right, both tracks simultaneously."
"Journey map — a winding path from start to today, with milestone markers along the way. Each marker has a small icon and date. The path draws itself. Hover over any marker to see the story behind that moment."
Animated Data Stories
Numbers that reveal themselves with narrative timing — not all at once.
"The big reveal — slide opens completely dark. After 2 seconds, one number appears: '£2.4M.' It counts up from zero, alone on the screen. After it lands, the label 'Monthly Recurring Revenue' fades in below. Then a badge: '+340% year over year' slides in from the right. Three moments. One story."
"Stat cascade — 5 metrics fall into place one after another, top to bottom: users, revenue, retention, NPS, growth rate. Each one drops in with a slight bounce, then the next one follows. By the end, you see the full picture. The first metric you saw has the most time to sink in."
"Competitive scoreboard — us vs one competitor, metric by metric. Each row reveals the scores simultaneously — our score on the left, theirs on the right. When our score is higher, our side flashes green. Row by row, the pattern builds: mostly green on our side. The total at the bottom counts up last."
Living Diagrams
Diagrams that move, breathe, and react.
"Organisation chart that builds from the CEO down. The CEO appears first, then lines draw downward to the leadership team, then to their reports. Each person fades in as the line reaches them. Hover over anyone to see their name and role."
"Network diagram — our product at the centre, with lines radiating outward to integration partners. Each partner logo appears and connects. The network grows organically. Hover over any partner to see the integration description."
"Architecture overview — 3 layers stacked: user layer (top), product layer (middle), data layer (bottom). Each layer slides in from the side. Arrows draw between layers showing how information flows. Clean, technical-looking but accessible."
The Point
Every one of these slide types is something you can build right now with a copy-paste prompt. No design skills required. No template limitations. Just describe what you want, and it appears.
The next time you're building a deck and thinking "I need a slide that shows..." — remember that the answer is probably in this gallery. And if it's not, describe something new. There are no limits.
What to Read Next
- Prompting for Motion and Interaction — The full animation and interaction playbook.
- Anatomy of an Exceptional Slide — What makes the best slides work, broken down with examples.
- 10 Prompts That Transform Your Deck — Ten copy-paste prompts for immediate impact.