PageSourceSearch

https://www.htmlslides.ai/examples

html htmlslides.ai collected 2026-10-05 12:03:29 UTC 33,528 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html data-dpl-id="dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc" lang="en" data-locale="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/chunks/1c9zqsd6qgq2d.css?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/2slngjwe95-cy.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc"/>
1<script src="/_next/static/chunks/3fg0a7leg_0ra.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc" async=""></script>
1<script src="/_next/static/chunks/0e6i5o6henmeb.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc" async=""></script>
1<script src="/_next/static/chunks/02461ug51lpon.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc" async=""></script>
1<script src="/_next/static/chunks/41a469cz2oclg.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc" async=""></script>
1<script src="/_next/static/chunks/turbopack-1ailr9h0-ecga.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc" async=""></script>
1<script src="/_next/static/chunks/2889icn71u0dw.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc" async=""></script>
1<script src="/_next/static/chunks/3ktxk6egz0o--.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc" async=""></script>
1<script src="/_next/static/chunks/3r9nhodavcdo4.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc" async=""></script>
1<script src="/_next/static/chunks/0_j5qfirco371.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc" async=""></script>
1<meta name="next-size-adjust" content=""/><title>Examples | htmlslides</title><meta name="description" content="See live examples of AI-native HTML slide decks built with htmlslides — play them in the browser and explore what&#x27;s possible."/><meta name="application-name" content="htmlslides"/><link rel="author" href="https://www.htmlslides.ai"/><meta name="author" content="htmlslides"/><meta name="keywords" content="HTML presentation maker,free HTML presentation maker,HTML presentations,AI presentation maker,slide templates,AI presentation,AI PPT maker,AI slides,AI slide decks,HTML PPT,browser presentation player,GitHub slide deck,hslides,Generative Engine Optimization"/><meta name="creator" content="htmlslides"/><meta name="publisher" content="htmlslides"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><meta name="category" content="presentation software"/><link rel="canonical" href="https://www.htmlslides.ai/examples"/><link rel="alternate" hrefLang="en" href="https://www.htmlslides.ai/examples"/><link rel="alternate" hrefLang="x-default" href="https://www.htmlslides.ai/examples"/><meta property="og:title" content="Examples | htmlslides"/><meta property="og:description" content="See live examples of AI-native HTML slide decks built with htmlslides — play them in the browser and explore what&#x27;s possible."/><meta property="og:url" content="https://www.htmlslides.ai/examples"/><meta property="og:site_name" content="htmlslides"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://www.htmlslides.ai/api/og?title=Examples"/><meta property="og:image:type" content="image/png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Examples | htmlslides"/><meta property="og:locale:alternate" content="zh_CN"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Examples | htmlslides"/><meta name="twitter:description" content="See live examples of AI-native HTML slide decks built with htmlslides — play them in the browser and explore what&#x27;s possible."/><meta name="twitter:image" content="https://www.htmlslides.ai/api/og?title=Examples"/><meta name="twitter:image:alt" content="Examples | htmlslides"/><link rel="icon" href="/favicon.ico?favicon.21u2x4082a848.ico" sizes="48x48" type="image/x-icon"/><link rel="icon" href="/favicon.svg"/><link rel="apple-touch-icon" href="/icon-512.webp"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://www.htmlslides.ai/#website","name":"htmlslides","url":"https://www.htmlslides.ai/","description":"htmlslides is a free HTML presentation maker: create an HTML presentation with an AI agent or slide templates, then play, share, embed, and export.","inLanguage":["en","zh-CN"],"publisher":{"@id":"https://www.htmlslides.ai/#organization"},"potentialAction":{"@type":"ViewAction","name":"Create, play, and share HTML slide decks","target":["https://www.htmlslides.ai/create","https://www.htmlslides.ai/slide-templates","https://www.htmlslides.ai/skill"]}}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://www.htmlslides.ai/#organization","name":"htmlslides","alternateName":"htmlslides.ai","url":"https://www.htmlslides.ai/","logo":"https://www.htmlslides.ai/icon-512.webp","sameAs":["https://github.com/ideaforceai-sys/awesome-html-slides","https://x.com/ideaforceai","https://xhslink.com/m/6NPBP83XTLG"]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","@id":"https://www.htmlslides.ai/#software","name":"htmlslides","url":"https://www.htmlslides.ai/","applicationCategory":"PresentationApplication","operatingSystem":"Web","softwareVersion":"alpha","description":"htmlslides is a free HTML presentation maker: create an HTML presentation with an AI agent or slide templates, then play, share, embed, and export.","publisher":{"@id":"https://www.htmlslides.ai/#organization"},"featureList":["Play HTML slide decks in the browser","Import GitHub repositories and GitHub HTML files","Upload .html and .hslides packages","Generate share links and iframe embeds","Expose an AI-agent-readable /skill specification"],"offers":[{"@type":"Offer","price":"0","priceCurrency":"USD","name":"Free"},{"@type":"Offer","price":"9.90","priceCurrency":"USD","name":"Pro monthly","priceSpecification":{"@type":"UnitPriceSpecification","price":"9.90","priceCurrency":"USD","unitText":"MONTH"}}]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is htmlslides — a free HTML presentation maker?","acceptedAnswer":{"@type":"Answer","text":"htmlslides is a free HTML presentation maker — an AI-native platform for creating, playing, sharing, and embedding dynamic HTML slide decks in modern browsers with no install, with public decks shared as a single link."}},{"@type":"Question","name":"Why use HTML slides instead of PowerPoint?","acceptedAnswer":{"@type":"Answer","text":"HTML decks can carry animation, interactivity, and live data, open in modern browsers without installing a presentation app, and travel as one link instead of a large attachment. Browser and device differences still need testing before delivery."}},{"@type":"Question","name":"How do I create a presentation with htmlslides?","acceptedAnswer":{"@type":"Answer","text":"Start from an official template in the marketplace, or sign in to copy the ready-made prompt on the Create page and give it to any AI agent (Claude Code, Codex, Cursor) to generate the whole deck, then upload, play, and share."}},{"@type":"Question","name":"What formats does htmlslides support?","acceptedA
1nswer":{"@type":"Answer","text":"htmlslides supports single HTML files, .hslides packages, GitHub repositories, GitHub file URLs, and public htmlslides share links."}},{"@type":"Question","name":"How much does htmlslides cost?","acceptedAnswer":{"@type":"Answer","text":"A signed-in Free account can upload, play, and share. Pro has a $9.90/month launch offer and unlocks every official template, 1GB storage, Speaker Mode, and one-click video export. Template credits start at $1."}},{"@type":"Question","name":"How do AI agents use htmlslides?","acceptedAnswer":{"@type":"Answer","text":"Agents can read the public /skill endpoint for the deck specification, then generate standards-compliant HTML presentations that play directly on htmlslides."}}]}</script>
1<script src="/_next/static/chunks/0cz1d0mv5g_q7.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc" noModule=""></script>
1</head><body class="inter_22964812-module__6xTrPq__variable jetbrains_mono_d7eb2591-module__iVnO1W__variable fraunces_b88b0c-module__wh6TTq__variable bg-zinc-950 text-zinc-300 font-sans antialiased"><div hidden=""><!--$--><!--/$--></div><noscript><iframe title="Google Tag Manager" src="https://www.googletagmanager.com/ns.html?id=GTM-NQFX3KFS" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-3 focus:left-3 focus:z-[60] focus:rounded-xl focus:bg-gold-600 focus:px-4 focus:py-2 focus:text-white focus:shadow-2xl focus:shadow-gold-500/30">Skip to main content</a><header class="gradient-divider-bottom sticky top-0 z-50 flex h-14 items-center justify-between bg-zinc-950/78 px-4 backdrop-blur-xl md:px-8"><div class="flex items-center gap-6"><a class="group relative text-lg font-extrabold tracking-tight text-white hover:no-underline" href="/">html<span class="relative text-gold-400">slides<span class="logo-dot absolute -right-2 top-0 h-1.5 w-1.5 rounded-full bg-gold-400"></span></span></a><nav class="hidden md:flex items-center gap-1"><a class="relative px-3 py-1.5 text-sm font-medium transition-all duration-200 hover:no-underline text-zinc-400 hover:text-white" href="/">Home</a><a class="relative px-3 py-1.5 text-sm font-medium transition-all duration-200 hover:no-underline text-zinc-400 hover:text-white" href="/create">Create</a><a class="relative px-3 py-1.5 text-sm font-medium transition-all duration-200 hover:no-underline text-white" href="/examples">Examples<span class="absolute -bottom-1 left-1/2 h-1 w-1 -translate-x-1/2 rounded-full bg-gold-400 shadow-[0_0_10px_rgba(221,185,112,0.8)]"></span></a><a class="relative px-3 py-1.5 text-sm font-medium transition-all duration-200 hover:no-underline text-zinc-400 hover:text-white" href="/slide-templates">Templates</a><a class="relative px-3 py-1.5 text-sm font-medium transition-all duration-200 hover:no-underline text-zinc-400 hover:text-white" href="/blog">Blog</a><a class="relative px-3 py-1.5 text-sm font-medium transition-all duration-200 hover:no-underline text-zinc-400 hover:text-white" href="/pricing">Pricing</a></nav></div><div class="flex items-center gap-2"><div class="relative"><button type="button" class="flex items-center gap-1.5 rounded-full border border-white/10 bg-white/5 px-3 py-1.5 text-sm text-zinc-300 transition-all duration-200 hover:bg-white/10 hover:text-white" aria-label="Switch language" aria-haspopup="menu" aria-expanded="false" aria-controls="language-menu">Language<svg class="h-4 w-4 text-zinc-400 transition-transform duration-200 " viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div><button type="button" class="hidden rounded-md bg-gold-500 px-3.5 py-1.5 text-sm font-semibold tracking-wide text-[#1c1407] transition-all hover:bg-gold-400 hover:no-underline sm:block">Sign in</button><button class="rounded-lg p-2 text-zinc-400 transition-colors hover:bg-white/5 hover:text-white md:hidden" aria-label="Toggle menu"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="4" y1="7" x2="20" y2="7"></line><line x1="4" y1="12" x2="20" y2="12"></line><line x1="4" y1="17" x2="20" y2="17"></line></svg></button></div></header><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div class="route-fade">
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"htmlslides","item":"https://www.htmlslides.ai/"},{"@type":"ListItem","position":2,"name":"Examples","item":"https://www.htmlslides.ai/examples"}]}</script>
1<main id="main-content" class="flex flex-col bg-zinc-950" style="height:calc(100vh - 3.5rem)"><div class="gradient-divider-bottom relative px-4 py-3 md:px-8"><div data-examples-heading-row="true" class="flex flex-wrap items-baseline gap-x-4 gap-y-1"><h1 class="shrink-0 text-2xl font-bold text-white">Examples</h1><p class="text-sm text-zinc-400">It&#x27;s itself an HTML file — and it shows what htmlslides does: play, share, and embed AI-made decks anywhere.</p></div></div><div class="flex-1 min-h-0"><div class="flex h-full items-center justify-center text-zinc-500">…</div></div></main><!--$--><!--/$--></div><!--$--><!--/$-->
1<script src="/_next/static/chunks/2slngjwe95-cy.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[20933,[\"/_next/static/chunks/2889icn71u0dw.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3ktxk6egz0o--.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3r9nhodavcdo4.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\"],\"default\"]\n4:I[49796,[\"/_next/static/chunks/2889icn71u0dw.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3ktxk6egz0o--.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3r9nhodavcdo4.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\"],\"default\"]\n5:I[40959,[\"/_next/static/chunks/2889icn71u0dw.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3ktxk6egz0o--.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3r9nhodavcdo4.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\"],\"ClientPageRoot\"]\n6:I[35022,[\"/_next/static/chunks/2889icn71u0dw.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3ktxk6egz0o--.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3r9nhodavcdo4.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/0_j5qfirco371.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\"],\"default\"]\n7:I[23531,[\"/_next/static/chunks/2889icn71u0dw.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3ktxk6egz0o--.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3r9nhodavcdo4.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\"],\"OutletBoundary\"]\n8:\"$Sreact.suspense\"\na:I[23531,[\"/_next/static/chunks/2889icn71u0dw.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3ktxk6egz0o--.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3r9nhodavcdo4.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\"],\"ViewportBoundary\"]\nc:I[23531,[\"/_next/static/chunks/2889icn71u0dw.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3ktxk6egz0o--.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3r9nhodavcdo4.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\"],\"MetadataBoundary\"]\ne:I[98281,[\"/_next/static/chunks/2889icn71u0dw.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3ktxk6egz0o--.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3r9nhodavcdo4.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\"],\"default\",1]\n12:I[78610,[\"/_next/static/chunks/2889icn71u0dw.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3ktxk6egz0o--.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3r9nhodavcdo4.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\"],\"\"]\n14:I[90464,[\"/_next/static/chunks/2889icn71u0dw.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3ktxk6egz0o--.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3r9nhodavcdo4.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\"],\"default\"]\n15:I[33499,[\"/_next/static/chunks/2889icn71u0dw.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3ktxk6egz0o--.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3r9nhodavcdo4.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\"],\"I18nProvider\"]\n16:I[60129,[\"/_next/static/chunks/2889icn71u0dw.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3ktxk6egz0o--.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3r9nhodavcdo4.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\"],\"default\"]\n17:I[45678,[\"/_next/static/chunks/2889icn71u0dw.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3ktxk6egz0o--.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3r9nhodavcdo4.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\"],\"default\"]\n18:I[14999,[\"/_next/static/chunks/2889icn71u0dw.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3ktxk6egz0o--.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3r9nhodavcdo4.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\"],\"Analytics\"]\n19:I[58942,[\"/_next/static/chunks/2889icn71u0dw.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3ktxk6egz0o--.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"/_next/static/chunks/3r9nhodavcdo4.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\"],\"IconMark\"]\n:HL[\"/_next/static/chunks/1c9zqsd6qgq2d.css?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"style\"]\n:HL[\"/_next/static/media/03bda585a"])</script>
1<script>self.__next_f.push([1,"99c6450-s.p.32sris142tqlb.woff2?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/3c7c6164b2587822-s.p.16u3vygyjnhr0.woff2?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"examples\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"examples\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/1c9zqsd6qgq2d.css?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2889icn71u0dw.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/3ktxk6egz0o--.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/3r9nhodavcdo4.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[[[\"$\",\"script\",\"0\",{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"BreadcrumbList\\\",\\\"itemListElement\\\":[{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":1,\\\"name\\\":\\\"htmlslides\\\",\\\"item\\\":\\\"https://www.htmlslides.ai/\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":2,\\\"name\\\":\\\"Examples\\\",\\\"item\\\":\\\"https://www.htmlslides.ai/examples\\\"}]}\"}}]],[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L5\",null,{\"Component\":\"$6\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":null}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0_j5qfirco371.js?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@9\"}]}]]}],{},null,false,null]},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Ld\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$e\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/1c9zqsd6qgq2d.css?dpl=dpl_JBj9wiJjXAnEs7Wjhw3gnNjYkvAc\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":false,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\"}\n"])</script>
1<script>self.__next_f.push([1,"f:T7a7,"])</script>
1<script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What is htmlslides — a free HTML presentation maker?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"htmlslides is a free HTML presentation maker — an AI-native platform for creating, playing, sharing, and embedding dynamic HTML slide decks in modern browsers with no install, with public decks shared as a single link.\"}},{\"@type\":\"Question\",\"name\":\"Why use HTML slides instead of PowerPoint?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"HTML decks can carry animation, interactivity, and live data, open in modern browsers without installing a presentation app, and travel as one link instead of a large attachment. Browser and device differences still need testing before delivery.\"}},{\"@type\":\"Question\",\"name\":\"How do I create a presentation with htmlslides?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Start from an official template in the marketplace, or sign in to copy the ready-made prompt on the Create page and give it to any AI agent (Claude Code, Codex, Cursor) to generate the whole deck, then upload, play, and share.\"}},{\"@type\":\"Question\",\"name\":\"What formats does htmlslides support?\",\"acceptedA
1nswer\":{\"@type\":\"Answer\",\"text\":\"htmlslides supports single HTML files, .hslides packages, GitHub repositories, GitHub file URLs, and public htmlslides share links.\"}},{\"@type\":\"Question\",\"name\":\"How much does htmlslides cost?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"A signed-in Free account can upload, play, and share. Pro has a $9.90/month launch offer and unlocks every official template, 1GB storage, Speaker Mode, and one-click video export. Template credits start at $1.\"}},{\"@type\":\"Question\",\"name\":\"How do AI agents use htmlslides?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Agents can read the public /skill endpoint for the deck specification, then generate standards-compliant HTML presentations that play directly on htmlslides.\"}}]}"])</script>
1<script>self.__next_f.push([1,"2:[\"$\",\"html\",null,{\"lang\":\"en\",\"data-locale\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[[\"$\",\"script\",\"0\",{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"@id\\\":\\\"https://www.htmlslides.ai/#website\\\",\\\"name\\\":\\\"htmlslides\\\",\\\"url\\\":\\\"https://www.htmlslides.ai/\\\",\\\"description\\\":\\\"htmlslides is a free HTML presentation maker: create an HTML presentation with an AI agent or slide templates, then play, share, embed, and export.\\\",\\\"inLanguage\\\":[\\\"en\\\",\\\"zh-CN\\\"],\\\"publisher\\\":{\\\"@id\\\":\\\"https://www.htmlslides.ai/#organization\\\"},\\\"potentialAction\\\":{\\\"@type\\\":\\\"ViewAction\\\",\\\"name\\\":\\\"Create, play, and share HTML slide decks\\\",\\\"target\\\":[\\\"https://www.htmlslides.ai/create\\\",\\\"https://www.htmlslides.ai/slide-templates\\\",\\\"https://www.htmlslides.ai/skill\\\"]}}\"}}],[\"$\",\"script\",\"1\",{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"@id\\\":\\\"https://www.htmlslides.ai/#organization\\\",\\\"name\\\":\\\"htmlslides\\\",\\\"alternateName\\\":\\\"htmlslides.ai\\\",\\\"url\\\":\\\"https://www.htmlslides.ai/\\\",\\\"logo\\\":\\\"https://www.htmlslides.ai/icon-512.webp\\\",\\\"sameAs\\\":[\\\"https://github.com/ideaforceai-sys/awesome-html-slides\\\",\\\"https://x.com/ideaforceai\\\",\\\"https://xhslink.com/m/6NPBP83XTLG\\\"]}\"}}],[\"$\",\"script\",\"2\",{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"SoftwareApplication\\\",\\\"@id\\\":\\\"https://www.htmlslides.ai/#software\\\",\\\"name\\\":\\\"htmlslides\\\",\\\"url\\\":\\\"https://www.htmlslides.ai/\\\",\\\"applicationCategory\\\":\\\"PresentationApplication\\\",\\\"operatingSystem\\\":\\\"Web\\\",\\\"softwareVersion\\\":\\\"alpha\\\",\\\"description\\\":\\\"htmlslides is a free HTML presentation maker: create an HTML presentation with an AI agent or slide templates, then play, share, embed, and export.\\\",\\\"publisher\\\":{\\\"@id\\\":\\\"https://www.htmlslides.ai/#organization\\\"},\\\"featureList\\\":[\\\"Play HTML slide decks in the browser\\\",\\\"Import GitHub repositories and GitHub HTML files\\\",\\\"Upload .html and .hslides packages\\\",\\\"Generate share links and iframe embeds\\\",\\\"Expose an AI-agent-readable /skill specification\\\"],\\\"offers\\\":[{\\\"@type\\\":\\\"Offer\\\",\\\"price\\\":\\\"0\\\",\\\"priceCurrency\\\":\\\"USD\\\",\\\"name\\\":\\\"Free\\\"},{\\\"@type\\\":\\\"Offer\\\",\\\"price\\\":\\\"9.90\\\",\\\"priceCurrency\\\":\\\"USD\\\",\\\"name\\\":\\\"Pro monthly\\\",\\\"priceSpecification\\\":{\\\"@type\\\":\\\"UnitPriceSpecification\\\",\\\"price\\\":\\\"9.90\\\",\\\"priceCurrency\\\":\\\"USD\\\",\\\"unitText\\\":\\\"MONTH\\\"}}]}\"}}],[\"$\",\"script\",\"3\",{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$f\"}}]],\"$L10\"]}],\"$L11\"]}]\n"])</script>
1<script>self.__next_f.push([1,"10:[\"$\",\"$L12\",null,{\"id\":\"google-tag-manager\",\"strategy\":\"afterInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\nwindow.dataLayer = window.dataLayer || [];\\n(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\\nj=d.createElement(s),dl=l!='dataLayer'?'\u0026l='+l:'';j.async=true;j.src=\\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\\n})(window,document,'script','dataLayer',\\\"GTM-NQFX3KFS\\\");\"}}]\n13:[\"$\",\"iframe\",null,{\"title\":\"Google Tag Manager\",\"src\":\"https://www.googletagmanager.com/ns.html?id=GTM-NQFX3KFS\",\"height\":\"0\",\"width\":\"0\",\"style\":{\"display\":\"none\",\"visibility\":\"hidden\"}}]\n"])</script>
1<script>self.__next_f.push([1,"11:[\"$\",\"body\",null,{\"className\":\"inter_22964812-module__6xTrPq__variable jetbrains_mono_d7eb2591-module__iVnO1W__variable fraunces_b88b0c-module__wh6TTq__variable bg-zinc-950 text-zinc-300 font-sans antialiased\",\"children\":[[\"$\",\"noscript\",null,{\"children\":\"$13\"}],[\"$\",\"$L14\",null,{\"children\":[\"$\",\"$L15\",null,{\"initialLocale\":\"en\",\"children\":[[\"$\",\"$L16\",null,{}],[\"$\",\"a\",null,{\"href\":\"#main-content\",\"className\":\"sr-only focus:not-sr-only focus:absolute focus:top-3 focus:left-3 focus:z-[60] focus:rounded-xl focus:bg-gold-600 focus:px-4 focus:py-2 focus:text-white focus:shadow-2xl focus:shadow-gold-500/30\",\"children\":\"Skip to main content\"}],[\"$\",\"$L17\",null,{}],[\"$\",\"div\",null,{\"className\":\"route-fade\",\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]}],[\"$\",\"$L18\",null,{}]]}]\n"])</script>
1<script>self.__next_f.push([1,"b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n9:null\n"])</script>
1<script>self.__next_f.push([1,"d:[[\"$\",\"title\",\"0\",{\"children\":\"Examples | htmlslides\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"See live examples of AI-native HTML slide decks built with htmlslides — play them in the browser and explore what's possible.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"htmlslides\"}],[\"$\",\"link\",\"3\",{\"rel\":\"author\",\"href\":\"https://www.htmlslides.ai\"}],[\"$\",\"meta\",\"4\",{\"name\":\"author\",\"content\":\"htmlslides\"}],[\"$\",\"meta\",\"5\",{\"name\":\"keywords\",\"content\":\"HTML presentation maker,free HTML presentation maker,HTML presentations,AI presentation maker,slide templates,AI presentation,AI PPT maker,AI slides,AI slide decks,HTML PPT,browser presentation player,GitHub slide deck,hslides,Generative Engine Optimization\"}],[\"$\",\"meta\",\"6\",{\"name\":\"creator\",\"content\":\"htmlslides\"}],[\"$\",\"meta\",\"7\",{\"name\":\"publisher\",\"content\":\"htmlslides\"}],[\"$\",\"meta\",\"8\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"9\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"10\",{\"name\":\"category\",\"content\":\"presentation software\"}],[\"$\",\"link\",\"11\",{\"rel\":\"canonical\",\"href\":\"https://www.htmlslides.ai/examples\"}],[\"$\",\"link\",\"12\",{\"rel\":\"alternate\",\"hrefLang\":\"en\",\"href\":\"https://www.htmlslides.ai/examples\"}],[\"$\",\"link\",\"13\",{\"rel\":\"alternate\",\"hrefLang\":\"x-default\",\"href\":\"https://www.htmlslides.ai/examples\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:title\",\"content\":\"Examples | htmlslides\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:description\",\"content\":\"See live examples of AI-native HTML slide decks built with htmlslides — play them in the browser and explore what's possible.\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:url\",\"content\":\"https://www.htmlslides.ai/examples\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:site_name\",\"content\":\"htmlslides\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image\",\"content\":\"https://www.htmlslides.ai/api/og?title=Examples\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:image:alt\",\"content\":\"Examples | htmlslides\"}],[\"$\",\"meta\",\"24\",{\"property\":\"og:locale:alternate\",\"content\":\"zh_CN\"}],[\"$\",\"meta\",\"25\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:title\",\"content\":\"Examples | htmlslides\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:description\",\"content\":\"See live examples of AI-native HTML slide decks built with htmlslides — play them in the browser and explore what's possible.\"}],[\"$\",\"meta\",\"29\",{\"name\":\"twitter:image\",\"content\":\"https://www.htmlslides.ai/api/og?title=Examples\"}],[\"$\",\"meta\",\"30\",{\"name\":\"twitter:image:alt\",\"content\":\"Examples | htmlslides\"}],[\"$\",\"link\",\"31\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.21u2x4082a848.ico\",\"sizes\":\"48x48\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"32\",{\"rel\":\"icon\",\"href\":\"/favicon.svg\"}],[\"$\",\"link\",\"33\",{\"rel\":\"apple-touch-icon\",\"href\":\"/icon-512.webp\"}],[\"$\",\"$L19\",\"34\",{}]]\n"])</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.