Slide Templates for AI Presentations
Browse slide templates with cinematic layouts, tuned motion, and clear style notes for AI agents. Preview a design, adapt it to your story, and publish the finished HTML deck with htmlslides.
AI HTML presentation templates, preview the collection
Browse the AI HTML presentation templates below. Each template is a complete HTML slide deck design that an AI coding agent can read, adapt, and fill with your content. Preview a design, apply it to get the agent prompt, then generate the finished deck.
- Htmlslides Signature — AI HTML presentation template
A Champagne Noir product walkthrough deck that explains how to create, play, share, embed, and reuse HTML presentations with htmlslides.
Free Tags: onboarding, product, minimalist, technical - Kinetic Soda — AI HTML presentation template
A loud red htmlslides product tour for explaining create, preview, save, share, embed, and presenter workflows with campaign energy.
10 credits Tags: campaign, product, bold, playful - Champagne Editorial — AI HTML presentation template
A refined black-and-gold htmlslides product tour for explaining create, preview, save, share, embed, and presenter workflows with editorial restraint.
10 credits Tags: professional, product, editorial, minimalist - Ivory Research — AI HTML presentation template
A quiet editorial htmlslides product tour for explaining create, preview, save, share, embed, and presenter workflows with research-note calm.
Free Tags: academic, research, editorial, minimalist - Botanical Salon — AI HTML presentation template
A botanical art-nouveau htmlslides product tour that explains create, preview, save, share, embed, and presenter workflows through elegant organic framing.
10 credits Tags: campaign, product, handcrafted, editorial - Celestial Atlas — AI HTML presentation template
A chart-dense astronomical htmlslides product tour that explains create, preview, save, share, embed, and presenter workflows through precise mapped systems.
10 credits Tags: research, product, technical, data-dense - Shape Cast — AI HTML presentation template
A bold geometric htmlslides product tour that explains create, preview, save, share, embed, and presenter workflows with editorial cut-paper energy.
Free Tags: onboarding, education, geometric, playful - Aero Racing — AI HTML presentation template
A kinetic motorsport-inspired htmlslides product tour for explaining create, preview, save, share, embed, and presenter workflows.
10 credits Tags: product, professional, technical, data-dense - Dunhuang Mineral — AI HTML presentation template
A mineral-pigment htmlslides product tour that explains create, preview, save, share, embed, and presenter workflows through layered architectural framing.
10 credits Tags: education, academic, handcrafted, editorial - Pocket Arcade — AI HTML presentation template
A bright game-like htmlslides product tour for explaining create, preview, save, share, embed, and presenter workflows as visible levels.
Free Tags: onboarding, education, playful, geometric - Quiet Mingei — AI HTML presentation template
A warm handmade htmlslides product tour that explains create, preview, save, share, embed, and presenter workflows with honest materials and quiet asymmetry.
10 credits Tags: professional, product, handcrafted, minimalist - Poster Noir — AI HTML presentation template
A high-impact poster-style htmlslides product tour for explaining create, preview, save, share, embed, and presenter workflows with launch-poster force.
10 credits Tags: campaign, bold, editorial - Noir Briefing — AI HTML presentation template
A precise dark htmlslides product tour for explaining create, preview, save, share, embed, and presenter workflows with executive discipline.
Free Tags: professional, project-update, data-dense, technical - Soft Orbit — AI HTML presentation template
A tactile clay-like htmlslides product tour that explains create, preview, save, share, embed, and presenter workflows with friendly dimensional cues.
10 credits Tags: education, onboarding, playful, minimalist - Black Hours — AI HTML presentation template
A gothic manuscript-inspired htmlslides product tour that explains create, preview, save, share, embed, and presenter workflows with dramatic illuminated contrast.
10 credits Tags: campaign, education, editorial, bold - Growth Campaign — AI HTML presentation template
A conversion lab marketing presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
Free Tags: campaign, bold, data-dense - Rodeo Letterpress — AI HTML presentation template
A weathered letterpress htmlslides product tour that explains create, preview, save, share, embed, and presenter workflows with bold typographic utility.
10 credits Tags: campaign, handcrafted, bold - Song Scroll — AI HTML presentation template
A quiet ink-and-paper htmlslides product tour that explains create, preview, save, share, embed, and presenter workflows with spacious editorial rhythm.
10 credits Tags: education, academic, editorial, minimalist - Mastery Path — AI HTML presentation template
A learning path education presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
Free Tags: training, education, playful, geometric - Aqua Homepage — AI HTML presentation template
A translucent early-web htmlslides product tour that explains create, preview, save, share, embed, and presenter workflows with cheerful interface nostalgia.
10 credits Tags: product, onboarding, technical, minimalist - Pixel Neon — AI HTML presentation template
A pixel-art neon htmlslides product tour for explaining create, preview, save, share, embed, and presenter workflows with arcade energy.
10 credits Tags: product, onboarding, playful, technical - Product OS — AI HTML presentation template
A issue system technology presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
Free Tags: product, project-update, technical, data-dense - Mono Grid — AI HTML presentation template
A precision grid general presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: professional, project-update, minimalist, geometric - Modular Notes — AI HTML presentation template
A document blocks general presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: professional, project-update, editorial, minimalist - Founder Essential — AI HTML presentation template
A demo day pitch-deck presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
Free Tags: startup, bold, minimalist - Workshop Canvas — AI HTML presentation template
A sticky canvas general presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: training, project-update, image-led, playful - Project Pulse — AI HTML presentation template
A task pulse general presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: project-update, data-dense, geometric - Career Narrative — AI HTML presentation template
A profile timeline personal presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
Free Tags: portfolio, editorial, image-led - Enterprise Logic — AI HTML presentation template
A engineered grid business presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: professional, project-update, data-dense, geometric - Executive Insight — AI HTML presentation template
A consulting report business presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: professional, editorial, minimalist - Revenue System — AI HTML presentation template
A financial system business presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: professional, data-dense, technical - Market Terminal — AI HTML presentation template
A data terminal business presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: professional, research, data-dense, technical - Product Keynote — AI HTML presentation template
A product theater marketing presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: product, campaign, bold, image-led - Wrapped Story — AI HTML presentation template
A data celebration marketing presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: campaign, bold, playful - Campaign Impact — AI HTML presentation template
A editorial impact marketing presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: campaign, bold, image-led - Course Atlas — AI HTML presentation template
A course catalog education presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: training, education, image-led, geometric - One Big Idea — AI HTML presentation template
A stage talk education presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: education, academic, bold, minimalist - Bite-size Lab — AI HTML presentation template
A lesson game education presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: training, education, playful, geometric - Dev Flow — AI HTML presentation template
A code workflow technology presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: product, project-update, technical, data-dense - Edge Network — AI HTML presentation template
A network topology technology presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: product, technical, image-led - Compute Stack — AI HTML presentation template
A compute layers technology presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: product, technical, data-dense - Venture Narrative — AI HTML presentation template
A venture memo pitch-deck presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: startup, editorial, minimalist - Product Proof — AI HTML presentation template
A product evidence pitch-deck presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: startup, product, data-dense, geometric - Growth Round — AI HTML presentation template
A growth finance pitch-deck presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: startup, professional, data-dense, minimalist - Journal Abstract — AI HTML presentation template
A academic paper research presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: academic, research, editorial, minimalist - Evidence Atlas — AI HTML presentation template
A data explainer research presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: academic, research, data-dense, geometric - Mission Brief — AI HTML presentation template
A mission control research presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: research, project-update, technical, image-led - Portfolio Casebook — AI HTML presentation template
A case study personal presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: portfolio, professional, editorial, image-led - Creator Dispatch — AI HTML presentation template
A newsletter editorial personal presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: portfolio, campaign, editorial, image-led - Studio Portfolio — AI HTML presentation template
A gallery index personal presentation template with original layouts for evidence, comparison, progress, and a decisive next step.
10 credits Tags: portfolio, minimalist, image-led - Quiet Luxury — AI HTML presentation template
A quiet luxury briefing for studios and advisers: ivory fields, one metal accent, and type that sells with restraint.
Free Tags: quiet luxury, branding, minimalist, editorial - Kinetic Typography — AI HTML presentation template
A kinetic typography opener for motion and editorial campaigns, built from scale, baseline shifts, and one accent.
Free Tags: kinetic typography, motion, editorial, bold - Editorial Design — AI HTML presentation template
An editorial design system for premium posters and portfolio stories, with a tall art panel, a caption column, and labeled layout rules.
10 credits Tags: editorial design, poster, portfolio, magazine - Neo-Brutalism — AI HTML presentation template
A neo-brutalism workshop deck with hard borders, offset shadows, flat color blocks, and a plain comparison against glassmorphism.
10 credits Tags: neo-brutalism, bold, geometric, workshop - Frutiger Aero — AI HTML presentation template
A frutiger aero workshop for a coastal instrument: aqua glass, glossy bubbles, and a soft sky gradient, kept as a clean product note.
Free Tags: frutiger aero, technology, glass, interface - Bento Grid — AI HTML presentation template
A bento grid launch deck for modular feature cards: one lead tile, one accent, and the rest kept as separate modules.
Free Tags: bento grid, marketing, launch, modular - Chromatic Aberration — AI HTML presentation template
A chromatic aberration portfolio for stills: RGB fringe on the type, a fine film grain, and bokeh kept behind the words.
10 credits Tags: chromatic aberration, portfolio, film, photography - Typography Poster — AI HTML presentation template
A typography poster workshop: one loud statement, two typefaces, and a margin that stays empty on purpose.
10 credits Tags: typography poster, type, poster, editorial - Liquid Glass — AI HTML presentation template
A liquid glass interface note for Halo Bench: frosted panels, a soft specular highlight, and rounded glass cards on a cool silver field.
Free Tags: liquid glass, technology, interface, frost - Retro Futurism — AI HTML presentation template
A retro futurism launch for Meridian Pavilion: chrome curves, a warm horizon glow, and a light starfield without costume excess.
Free Tags: retro futurism, marketing, chrome, horizon - Art Deco — AI HTML presentation template
An art deco portfolio for Fanlight Atelier: a geometric fan, gold on ivory, and stepped frames around elegant display type.
10 credits Tags: art deco, portfolio, gold, geometric - Risograph — AI HTML presentation template
A risograph workshop for Duplex Press: fluorescent pink and teal, a grainy duplex, and a deliberate misregistration on the poster.
10 credits Tags: risograph, print, poster, workshop - Y2K Aesthetic — AI HTML presentation template
A y2k aesthetic starter for Bubble Modem: chrome gel, pastel orbs, and bubble type from an early-2000s browser, without brand logos.
Free Tags: y2k aesthetic, technology, chrome, pastel - Cottagecore — AI HTML presentation template
A cottagecore journal for Hearth Lane: warm cream paper, sage sprigs, and a soft floral margin for a light editorial deck.
Free Tags: cottagecore, marketing, floral, cream - Dark Academia — AI HTML presentation template
A dark academia portfolio for Quill Hall: candlelit ink, oxblood shelves, and a quiet serif for a scholarly personal deck.
10 credits Tags: dark academia, portfolio, serif, library - Vaporwave — AI HTML presentation template
A vaporwave floor for Aether Plaza: neon pink and cyan, a sunset grid, and a marble bust silhouette, distinct from a chrome horizon.
10 credits Tags: vaporwave, neon, grid, poster - Cyberpunk — AI HTML presentation template
A cyberpunk HUD for Rainwire Terminal: rain, neon magenta and cyan, and asphalt chrome, distinct from a sunset grid and a chrome horizon.
Free Tags: cyberpunk, hud, neon, technology - Fairycore — AI HTML presentation template
A fairycore glade for Petal Post: soft pastels, petals, and a small mushroom, distinct from a cream-sage farmhouse.
Free Tags: fairycore, pastel, petal, marketing - Maximalism — AI HTML presentation template
A maximalism portfolio for More Hall: layered patterns, clashing color, and dense ornament. More is more.
10 credits Tags: maximalism, pattern, portfolio, ornament - Dreamcore — AI HTML presentation template
A dreamcore hallway for Soft Suburb: liminal pastel, a hazy window, and uncanny soft focus, distinct from a sunset grid and from pool-tile rooms.
10 credits Tags: dreamcore, liminal, haze, poster - Solarpunk — AI HTML presentation template
A solarpunk roof for Glass Orchard: stained-glass solar panels, plants woven into the structure, and warm sunlight, distinct from rain-soaked neon and a cream farmhouse.
Free Tags: solarpunk, solar glass, garden, technology - Balletcore — AI HTML presentation template
A balletcore wardrobe for Ribbon Atelier: blush tulle, satin ribbons, a wrap cardigan, and one slipper, distinct from a mushroom glade and a recital poster.
Free Tags: balletcore, tulle, ribbon, marketing - Art Nouveau — AI HTML presentation template
An art nouveau portfolio for Whiplash Press: whiplash curves, ornamental florals, and gold leaf inside an arch, distinct from a geometric jazz-age fan.
10 credits Tags: art nouveau, whiplash, gold leaf, portfolio - Liminal Space — AI HTML presentation template
A liminal space annex for Fluorescent Annex: an empty fluorescent room, an endless corridor, and pool tile, soft and still, distinct from a pastel dream hallway.
10 credits Tags: liminal space, fluorescent, corridor, poolroom - Office Siren — AI HTML presentation template
An office siren desk for Charcoal Atelier: a sharp blazer, thin glasses, and a pencil silhouette in charcoal, cream, and oxblood, distinct from blush tulle and a quiet knit.
Free Tags: office siren, blazer, glasses, marketing - Weirdcore — AI HTML presentation template
A weirdcore crop for Odd Frame: a figure slightly out of proportion, washed neon, and a dreamlike wrongness, distinct from an empty fluorescent corridor.
Free Tags: weirdcore, crop, neon, poster - Afrofuturism — AI HTML presentation template
An afrofuturism systems note for Bronze Orbit: gold and bronze on deep indigo, geometric heritage patterns, and a sci-fi crown, distinct from rain-soaked neon and stained-glass gardens.
10 credits Tags: afrofuturism, bronze, indigo, technology - Indie Sleaze — AI HTML presentation template
An indie sleaze diary for Flash Diary: mid-2000s flash, party grit, and a DIY magazine spread, distinct from a quiet gallery and a sharp office blazer.
10 credits Tags: indie sleaze, flash, diary, portfolio
Choose slide templates by presentation goal
Start with the audience, the main point, and the setting in which the deck will be presented. Then preview the complete design instead of judging it by the cover alone. Useful slide templates should include layouts that fit the material you already have, such as an opening, comparison, metrics, process, evidence, and a clear ending. A keynote may need large statements and visual pacing, while a report needs room for labels, sources, and denser charts. Choose the system that matches the real content. A template can establish structure, type, spacing, color, and motion, but it cannot replace a sound outline or verified facts.
How the slide template workflow works
These slide templates are designed as references and source assets for an external AI coding workflow. The marketplace helps you inspect and obtain a template; it is not an in-browser presentation editor.
1. Preview and choose a template
Browse the cards above and open Preview to inspect the available deck. Compare its page types, information density, and visual tone with your outline. Confirm that the structure can carry your claims and evidence before committing to a style.
2. Apply the template
Sign in and use Apply. Paid templates must be purchased first. Apply returns an authorized online template reference with a concise prompt for a local AI agent. When a downloadable template package is available, you can also save that source package locally.
3. Generate outside the marketplace, then import
Give the reference, outline, source material, audience, and required facts to a local AI coding agent, or edit the HTML yourself. Review the generated files, then import the finished HTML deck into htmlslides. Once imported to your account, the deck can be played in the browser, saved, and shared through htmlslides. When that deck is ready to present, play it as HTML slides.
htmlslides does not generate or edit the presentation inside the marketplace. It provides the template preview, purchase and authorization flow, template reference, and the playback and distribution surface for a deck you import.
What to check before presenting
Check names, dates, numbers, sources, and chart scales first. Then play the deck at the size and in the browser you plan to use. Make sure headings fit, body text remains readable, media loads, and essential information does not depend on motion or color alone. Review the imported version from beginning to end and open the share link if other people will read the presentation without a speaker. For important sessions, keep a local copy of the HTML and test the display connection in advance. These checks matter more than adding extra decoration to the chosen slide template.