[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-119":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":14,"subscribersCount":14,"size":14,"stars1d":15,"stars7d":16,"stars30d":17,"stars90d":14,"forks30d":14,"starsTrendScore":18,"compositeScore":19,"rankGlobal":9,"rankLanguage":9,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":9,"pushedAt":9,"updatedAt":25,"readmeContent":26,"aiSummary":27,"trendingCount":14,"starSnapshotCount":14,"syncStatus":28,"lastSyncTime":29,"discoverSource":30},119,"beautiful-html-templates","zarazhangrui\u002Fbeautiful-html-templates","zarazhangrui","A library of HTML slide templates designed so any coding agent can pick the right one and produce a beautiful deck on the user's behalf, automatically.",null,"HTML",2732,247,8,0,154,281,1851,462,29.18,"MIT License",false,"main",true,[],"2026-06-12 02:00:08","# beautiful-html-templates\n\nA library of reusable HTML slide templates designed so that any coding agent can pick the right one and produce a beautiful deck on the user's behalf, automatically.\n\nAgents using the library should read [`AGENTS.md`](.\u002FAGENTS.md). It's the operating manual: how to read `index.json`, match the user's brief to a template, clone it, and adapt the content.\n\n## Get started\n\nCopy this to your coding agent:\n\n```\nClone https:\u002F\u002Fgithub.com\u002Fzarazhangrui\u002Fbeautiful-html-templates and follow the instructions in AGENTS.md to build me a beautiful HTML slide deck.\n```\n\n## Gallery\n\nAll 32 templates. Three slides per template (cover · mid-deck · later) to give a sense of how each visual system handles different layouts. Click any template name to open its folder on GitHub — the HTML, metadata, and any sibling assets are all there.\n\n### [Soft Editorial](.\u002Ftemplates\u002Fsoft-editorial\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fsoft-editorial-4.png\" width=\"32.5%\" alt=\"Soft Editorial — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fsoft-editorial-6.png\" width=\"32.5%\" alt=\"Soft Editorial — slide 6\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fsoft-editorial-10.png\" width=\"32.5%\" alt=\"Soft Editorial — slide 10\" \u002F>\n\u003C\u002Fp>\n\n> Cormorant Garamond serif on warm paper with sage, blush, and lemon accents.\n\n### [Stencil & Tablet](.\u002Ftemplates\u002Fstencil-tablet\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fstencil-tablet-1.png\" width=\"32.5%\" alt=\"Stencil & Tablet — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fstencil-tablet-3.png\" width=\"32.5%\" alt=\"Stencil & Tablet — slide 3\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fstencil-tablet-8.png\" width=\"32.5%\" alt=\"Stencil & Tablet — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Bone paper with stencil-cut headlines and a six-color earth palette: archaeology meets brand.\n\n### [Vellum](.\u002Ftemplates\u002Fvellum\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fvellum-1.png\" width=\"32.5%\" alt=\"Vellum — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fvellum-4.png\" width=\"32.5%\" alt=\"Vellum — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fvellum-8.png\" width=\"32.5%\" alt=\"Vellum — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Deep navy canvas with warm-yellow italic Cormorant serifs and a single dusty teal accent. A quiet, scholarly aesthetic.\n\n### [Neo-Grid Bold](.\u002Ftemplates\u002Fneo-grid-bold\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fneo-grid-bold-1.png\" width=\"32.5%\" alt=\"Neo-Grid Bold — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fneo-grid-bold-3.png\" width=\"32.5%\" alt=\"Neo-Grid Bold — slide 3\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fneo-grid-bold-8.png\" width=\"32.5%\" alt=\"Neo-Grid Bold — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Editorial neo-brutalism with a single neon yellow accent on off-white paper.\n\n### [Editorial Tri-Tone](.\u002Ftemplates\u002Feditorial-tri-tone\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Feditorial-tri-tone-1.png\" width=\"32.5%\" alt=\"Editorial Tri-Tone — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Feditorial-tri-tone-4.png\" width=\"32.5%\" alt=\"Editorial Tri-Tone — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Feditorial-tri-tone-3.png\" width=\"32.5%\" alt=\"Editorial Tri-Tone — slide 3\" \u002F>\n\u003C\u002Fp>\n\n> Three-color editorial system: dusty pink, mustard cream, and deep burgundy, set in Bricolage + Instrument Serif.\n\n### [Creative Mode](.\u002Ftemplates\u002Fcreative-mode\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fcreative-mode-1.png\" width=\"32.5%\" alt=\"Creative Mode — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fcreative-mode-4.png\" width=\"32.5%\" alt=\"Creative Mode — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fcreative-mode-6.png\" width=\"32.5%\" alt=\"Creative Mode — slide 6\" \u002F>\n\u003C\u002Fp>\n\n> Cream paper canvas with confident multi-color (green, pink, orange, yellow) accents and Archivo Black display.\n\n### [Monochrome](.\u002Ftemplates\u002Fmonochrome\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fmonochrome-1.png\" width=\"32.5%\" alt=\"Monochrome — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fmonochrome-4.png\" width=\"32.5%\" alt=\"Monochrome — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fmonochrome-12.png\" width=\"32.5%\" alt=\"Monochrome — slide 12\" \u002F>\n\u003C\u002Fp>\n\n> Ivory ledger paper with all-black type; Lora serif headlines, Jost body, no color at all.\n\n### [People's Platform (Block & Bold)](.\u002Ftemplates\u002Fpeoples-platform\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fpeoples-platform-1.png\" width=\"32.5%\" alt=\"People's Platform (Block & Bold) — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fpeoples-platform-4.png\" width=\"32.5%\" alt=\"People's Platform (Block & Bold) — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fpeoples-platform-8.png\" width=\"32.5%\" alt=\"People's Platform (Block & Bold) — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Activist poster energy: blue, orange, red on cream, with Alfa Slab + Caveat Brush.\n\n### [Pink Script — After Hours](.\u002Ftemplates\u002Fpink-script\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fpink-script-1.png\" width=\"32.5%\" alt=\"Pink Script — After Hours — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fpink-script-4.png\" width=\"32.5%\" alt=\"Pink Script — After Hours — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fpink-script-8.png\" width=\"32.5%\" alt=\"Pink Script — After Hours — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Black canvas, hot pink accent, pearl-cream paper, Instrument Serif headlines: late-night editorial luxury.\n\n### [8-Bit Orbit](.\u002Ftemplates\u002F8-bit-orbit\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002F8-bit-orbit-1.png\" width=\"32.5%\" alt=\"8-Bit Orbit — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002F8-bit-orbit-6.png\" width=\"32.5%\" alt=\"8-Bit Orbit — slide 6\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002F8-bit-orbit-5.png\" width=\"32.5%\" alt=\"8-Bit Orbit — slide 5\" \u002F>\n\u003C\u002Fp>\n\n> Pixel-art neon arcade aesthetic on a deep navy void.\n\n### [BlockFrame](.\u002Ftemplates\u002Fblock-frame\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fblock-frame-1.png\" width=\"32.5%\" alt=\"BlockFrame — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fblock-frame-4.png\" width=\"32.5%\" alt=\"BlockFrame — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fblock-frame-8.png\" width=\"32.5%\" alt=\"BlockFrame — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Neobrutalist deck with pastel-neon color blocks and chunky black borders.\n\n### [Blue Professional](.\u002Ftemplates\u002Fblue-professional\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fblue-professional-1.png\" width=\"32.5%\" alt=\"Blue Professional — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fblue-professional-6.png\" width=\"32.5%\" alt=\"Blue Professional — slide 6\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fblue-professional-8.png\" width=\"32.5%\" alt=\"Blue Professional — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Cream paper background with electric cobalt blue accents; clean modern professional.\n\n### [Bold Poster](.\u002Ftemplates\u002Fbold-poster\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fbold-poster-1.png\" width=\"32.5%\" alt=\"Bold Poster — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fbold-poster-4.png\" width=\"32.5%\" alt=\"Bold Poster — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fbold-poster-8.png\" width=\"32.5%\" alt=\"Bold Poster — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Editorial poster aesthetic with massive Shrikhand display and a single fire-engine red accent.\n\n### [Broadside](.\u002Ftemplates\u002Fbroadside\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fbroadside-1.png\" width=\"32.5%\" alt=\"Broadside — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fbroadside-4.png\" width=\"32.5%\" alt=\"Broadside — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fbroadside-13.png\" width=\"32.5%\" alt=\"Broadside — slide 13\" \u002F>\n\u003C\u002Fp>\n\n> Dark editorial canvas with a single fire orange accent and bilingual Latin\u002FChinese type stack.\n\n### [Capsule](.\u002Ftemplates\u002Fcapsule\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fcapsule-1.png\" width=\"32.5%\" alt=\"Capsule — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fcapsule-4.png\" width=\"32.5%\" alt=\"Capsule — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fcapsule-8.png\" width=\"32.5%\" alt=\"Capsule — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Modular pill-shaped cards on warm bone with a full pastel-pop palette.\n\n### [Cartesian](.\u002Ftemplates\u002Fcartesian\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fcartesian-1.png\" width=\"32.5%\" alt=\"Cartesian — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fcartesian-4.png\" width=\"32.5%\" alt=\"Cartesian — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fcartesian-8.png\" width=\"32.5%\" alt=\"Cartesian — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Quiet warm-neutral palette with classical Playfair serifs; tasteful and unhurried.\n\n### [Coral](.\u002Ftemplates\u002Fcoral\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fcoral-1.png\" width=\"32.5%\" alt=\"Coral — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fcoral-4.png\" width=\"32.5%\" alt=\"Coral — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fcoral-8.png\" width=\"32.5%\" alt=\"Coral — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Cream and coral on near-black, set in oversized Bebas Neue.\n\n### [Daisy Days](.\u002Ftemplates\u002Fdaisy-days\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fdaisy-days-1.png\" width=\"32.5%\" alt=\"Daisy Days — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fdaisy-days-4.png\" width=\"32.5%\" alt=\"Daisy Days — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fdaisy-days-8.png\" width=\"32.5%\" alt=\"Daisy Days — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Cheerful pastel deck with hand-drawn daisies, stars, and rainbows. Friendly, soft, and warm.\n\n### [Grove](.\u002Ftemplates\u002Fgrove\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fgrove-1.png\" width=\"32.5%\" alt=\"Grove — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fgrove-4.png\" width=\"32.5%\" alt=\"Grove — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fgrove-8.png\" width=\"32.5%\" alt=\"Grove — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Forest-green canvas with cream type, classical Playfair serifs, and a single rust accent.\n\n### [Mat](.\u002Ftemplates\u002Fmat\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fmat-1.png\" width=\"32.5%\" alt=\"Mat — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fmat-4.png\" width=\"32.5%\" alt=\"Mat — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fmat-8.png\" width=\"32.5%\" alt=\"Mat — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Dark sage canvas with bone paper and burnt-orange accent; mid-century modern with wood undertones.\n\n### [Pin & Paper](.\u002Ftemplates\u002Fpin-and-paper\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fpin-and-paper-1.png\" width=\"32.5%\" alt=\"Pin & Paper — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fpin-and-paper-11.png\" width=\"32.5%\" alt=\"Pin & Paper — slide 11\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fpin-and-paper-3.png\" width=\"32.5%\" alt=\"Pin & Paper — slide 3\" \u002F>\n\u003C\u002Fp>\n\n> Yellow paper with safety-pin illustrations, ink-blue handwritten Caveat, paper-grain texture.\n\n### [Playful](.\u002Ftemplates\u002Fplayful\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fplayful-1.png\" width=\"32.5%\" alt=\"Playful — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fplayful-6.png\" width=\"32.5%\" alt=\"Playful — slide 6\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fplayful-8.png\" width=\"32.5%\" alt=\"Playful — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Sun-warm peach background with Syne display: a friendly indie launch deck.\n\n### [Raw Grid](.\u002Ftemplates\u002Fraw-grid\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fraw-grid-1.png\" width=\"32.5%\" alt=\"Raw Grid — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fraw-grid-4.png\" width=\"32.5%\" alt=\"Raw Grid — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fraw-grid-8.png\" width=\"32.5%\" alt=\"Raw Grid — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Neo-brutalist deck with thick borders, offset shadows, and a pink\u002Fsage\u002Fink palette.\n\n### [Retro Windows](.\u002Ftemplates\u002Fretro-windows\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fretro-windows-1.png\" width=\"32.5%\" alt=\"Retro Windows — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fretro-windows-4.png\" width=\"32.5%\" alt=\"Retro Windows — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fretro-windows-8.png\" width=\"32.5%\" alt=\"Retro Windows — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Windows 95 chrome: gray title bars, MS Sans Serif, pixel typography, full nostalgia.\n\n### [Retro Zine](.\u002Ftemplates\u002Fretro-zine\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fretro-zine-1.png\" width=\"32.5%\" alt=\"Retro Zine — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fretro-zine-4.png\" width=\"32.5%\" alt=\"Retro Zine — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fretro-zine-8.png\" width=\"32.5%\" alt=\"Retro Zine — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Beige paper with green accent and Bebas Neue + Caveat: a riso-printed zine in HTML form.\n\n### [Scatterbrain](.\u002Ftemplates\u002Fscatterbrain\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fscatterbrain-1.png\" width=\"32.5%\" alt=\"Scatterbrain — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fscatterbrain-4.png\" width=\"32.5%\" alt=\"Scatterbrain — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fscatterbrain-8.png\" width=\"32.5%\" alt=\"Scatterbrain — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Post-it inspired: pastel sticky notes, Caveat handwriting, Shrikhand and Zilla Slab type stack.\n\n### [Signal](.\u002Ftemplates\u002Fsignal\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fsignal-1.png\" width=\"32.5%\" alt=\"Signal — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fsignal-18.png\" width=\"32.5%\" alt=\"Signal — slide 18\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fsignal-8.png\" width=\"32.5%\" alt=\"Signal — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Deep navy canvas with bone paper and a single muted-gold accent; institutional with quiet weight.\n\n### [Studio](.\u002Ftemplates\u002Fstudio\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fstudio-1.png\" width=\"32.5%\" alt=\"Studio — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fstudio-4.png\" width=\"32.5%\" alt=\"Studio — slide 4\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fstudio-8.png\" width=\"32.5%\" alt=\"Studio — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Black canvas with electric-yellow type; high-voltage design studio aesthetic.\n\n### [Biennale Yellow](.\u002Ftemplates\u002Fbiennale-yellow\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fbiennale-yellow-1.png\" width=\"32.5%\" alt=\"Biennale Yellow — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fbiennale-yellow-5.png\" width=\"32.5%\" alt=\"Biennale Yellow — slide 5\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fbiennale-yellow-8.png\" width=\"32.5%\" alt=\"Biennale Yellow — slide 8\" \u002F>\n\u003C\u002Fp>\n\n> Solar yellow on warm parchment with deep indigo serif and atmospheric sun-glow gradients. Dutch-editorial poster energy.\n\n### [Sakura Chroma](.\u002Ftemplates\u002Fsakura-chroma\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fsakura-chroma-1.png\" width=\"32.5%\" alt=\"Sakura Chroma — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fsakura-chroma-3.png\" width=\"32.5%\" alt=\"Sakura Chroma — slide 3\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fsakura-chroma-4.png\" width=\"32.5%\" alt=\"Sakura Chroma — slide 4\" \u002F>\n\u003C\u002Fp>\n\n> Vintage Japanese cassette-package aesthetic: cream paper, diagonal rainbow ribbons, condensed bold type, JIS-style spec checkboxes.\n\n### [Cobalt Grid](.\u002Ftemplates\u002Fcobalt-grid\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fcobalt-grid-1.png\" width=\"32.5%\" alt=\"Cobalt Grid — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fcobalt-grid-3.png\" width=\"32.5%\" alt=\"Cobalt Grid — slide 3\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Fcobalt-grid-5.png\" width=\"32.5%\" alt=\"Cobalt Grid — slide 5\" \u002F>\n\u003C\u002Fp>\n\n> Electric cobalt italic serifs on a graph-paper canvas, anchored by stair-stepped pixel-glitch decorations and slim hairline rules.\n\n### [Long Table](.\u002Ftemplates\u002Flong-table\u002F)\n\n\u003Cp>\n  \u003Cimg src=\".\u002Fscreenshots\u002Flong-table-1.png\" width=\"32.5%\" alt=\"Long Table — slide 1\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Flong-table-3.png\" width=\"32.5%\" alt=\"Long Table — slide 3\" \u002F>\n  \u003Cimg src=\".\u002Fscreenshots\u002Flong-table-7.png\" width=\"32.5%\" alt=\"Long Table — slide 7\" \u002F>\n\u003C\u002Fp>\n\n> Warm cream and rust-red supper-club aesthetic with bold uppercase grotesk headlines, italic Fraunces, and pill-shaped outlined buttons.\n\n## License\n\n[MIT](.\u002FLICENSE) — free to use, modify, and distribute.\n","beautiful-html-templates 是一个包含多种可复用 HTML 幻灯片模板的库，旨在让任何编码代理能够自动选择合适的模板并生成美观的演示文稿。项目提供32种设计风格独特的模板，每种模板都包括封面、中间页和尾页三种布局，以展示不同视觉系统下的效果。每个模板文件夹内含有HTML源码、元数据及相关资源，方便用户根据需要进行定制化修改。此外，项目附带了详细的使用说明文档AGENTS.md，指导开发者如何通过解析index.json来匹配用户的简报需求，并据此克隆和调整相应模板。此项目适用于需要快速创建专业且美观的网页幻灯片的应用场景，如在线教育、企业汇报等。",2,"2026-06-11 02:30:58","CREATED_QUERY"]