← Discover MCPs and Agents
b
MCPAI & MLGitHub

beautiful-html-templates

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.

Links

Repository

README

From the repo.

beautiful-html-templates

A 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.

Agents using the library should read AGENTS.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.

Get started

Copy this to your coding agent:

Clone https://github.com/zarazhangrui/beautiful-html-templates and follow the instructions in AGENTS.md to build me a beautiful HTML slide deck.

Gallery

All 34 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.

Soft Editorial

Soft Editorial — slide 4 Soft Editorial — slide 6 Soft Editorial — slide 10

Cormorant Garamond serif on warm paper with sage, blush, and lemon accents.

Editorial Forest

Editorial Forest — slide 1 Editorial Forest — slide 2 Editorial Forest — slide 5

Forest green, dusty pink, and warm cream in Source Serif 4 — quiet, intentional quarterly-review aesthetic.

Pin & Paper

Pin & Paper — slide 1 Pin & Paper — slide 11 Pin & Paper — slide 3

Yellow paper with safety-pin illustrations, ink-blue handwritten Caveat, paper-grain texture.

Sakura Chroma

Sakura Chroma — slide 1 Sakura Chroma — slide 3 Sakura Chroma — slide 4

Vintage Japanese cassette-package aesthetic: cream paper, diagonal rainbow ribbons, condensed bold type, JIS-style spec checkboxes.

Stencil & Tablet

Stencil & Tablet — slide 1 Stencil & Tablet — slide 3 Stencil & Tablet — slide 8

Bone paper with stencil-cut headlines and a six-color earth palette: archaeology meets brand.

Cobalt Grid

Cobalt Grid — slide 1 Cobalt Grid — slide 3 Cobalt Grid — slide 5

Electric cobalt italic serifs on a graph-paper canvas, anchored by stair-stepped pixel-glitch decorations and slim hairline rules.

Vellum

Vellum — slide 1 Vellum — slide 4 Vellum — slide 8

Deep navy canvas with warm-yellow italic Cormorant serifs and a single dusty teal accent. A quiet, scholarly aesthetic.

Emerald Editorial

Emerald Editorial — slide 1 Emerald Editorial — slide 3 Emerald Editorial — slide 6

Magazine-cover business deck: emerald + navy + paper with double-rule masthead ornaments and a heavy Bodoni-style display serif.

Neo-Grid Bold

Neo-Grid Bold — slide 1 Neo-Grid Bold — slide 3 Neo-Grid Bold — slide 8

Editorial neo-brutalism with a single neon yellow accent on off-white paper.

Editorial Tri-Tone

Editorial Tri-Tone — slide 1 Editorial Tri-Tone — slide 4 Editorial Tri-Tone — slide 3

Three-color editorial system: dusty pink, mustard cream, and deep burgundy, set in Bricolage + Instrument Serif.

Creative Mode

Creative Mode — slide 1 Creative Mode — slide 4 Creative Mode — slide 6

Cream paper canvas with confident multi-color (green, pink, orange, yellow) accents and Archivo Black display.

Monochrome

Monochrome — slide 1 Monochrome — slide 4 Monochrome — slide 12

Ivory ledger paper with all-black type; Lora serif headlines, Jost body, no color at all.

People's Platform (Block & Bold)

People's Platform (Block & Bold) — slide 1 People's Platform (Block & Bold) — slide 4 People's Platform (Block & Bold) — slide 8

Activist poster energy: blue, orange, red on cream, with Alfa Slab + Caveat Brush.

Pink Script — After Hours

Pink Script — After Hours — slide 1 Pink Script — After Hours — slide 4 Pink Script — After Hours — slide 8

Black canvas, hot pink accent, pearl-cream paper, Instrument Serif headlines: late-night editorial luxury.

8-Bit Orbit

8-Bit Orbit — slide 1 8-Bit Orbit — slide 6 8-Bit Orbit — slide 5

Pixel-art neon arcade aesthetic on a deep navy void.

BlockFrame

BlockFrame — slide 1 BlockFrame — slide 4 BlockFrame — slide 8

Neobrutalist deck with pastel-neon color blocks and chunky black borders.

Blue Professional

Blue Professional — slide 1 Blue Professional — slide 6 Blue Professional — slide 8

Cream paper background with electric cobalt blue accents; clean modern professional.

Bold Poster

Bold Poster — slide 1 Bold Poster — slide 4 Bold Poster — slide 8

Editorial poster aesthetic with massive Shrikhand display and a single fire-engine red accent.

Broadside

Broadside — slide 1 Broadside — slide 4 Broadside — slide 13

Dark editorial canvas with a single fire orange accent and bilingual Latin/Chinese type stack.

Capsule

Capsule — slide 1 Capsule — slide 4 Capsule — slide 8

Modular pill-shaped cards on warm bone with a full pastel-pop palette.

Cartesian

Cartesian — slide 1 Cartesian — slide 4 Cartesian — slide 8

Quiet warm-neutral palette with classical Playfair serifs; tasteful and unhurried.

Coral

Coral — slide 1 Coral — slide 4 Coral — slide 8

Cream and coral on near-black, set in oversized Bebas Neue.

Daisy Days

Daisy Days — slide 1 Daisy Days — slide 4 Daisy Days — slide 8

Cheerful pastel deck with hand-drawn daisies, stars, and rainbows. Friendly, soft, and warm.

Grove

Grove — slide 1 Grove — slide 4 Grove — slide 8

Forest-green canvas with cream type, classical Playfair serifs, and a single rust accent.

Mat

Mat — slide 1 Mat — slide 4 Mat — slide 8

Dark sage canvas with bone paper and burnt-orange accent; mid-century modern with wood undertones.

Playful

Playful — slide 1 Playful — slide 6 Playful — slide 8

Sun-warm peach background with Syne display: a friendly indie launch deck.

Raw Grid

Raw Grid — slide 1 Raw Grid — slide 4 Raw Grid — slide 8

Neo-brutalist deck with thick borders, offset shadows, and a pink/sage/ink palette.

Retro Windows

Retro Windows — slide 1 Retro Windows — slide 4 Retro Windows — slide 8

Windows 95 chrome: gray title bars, MS Sans Serif, pixel typography, full nostalgia.

Retro Zine

Retro Zine — slide 1 Retro Zine — slide 4 Retro Zine — slide 8

Beige paper with green accent and Bebas Neue + Caveat: a riso-printed zine in HTML form.

Scatterbrain

Scatterbrain — slide 1 Scatterbrain — slide 4 Scatterbrain — slide 8

Post-it inspired: pastel sticky notes, Caveat handwriting, Shrikhand and Zilla Slab type stack.

Signal

Signal — slide 1 Signal — slide 18 Signal — slide 8

Deep navy canvas with bone paper and a single muted-gold accent; institutional with quiet weight.

Studio

Studio — slide 1 Studio — slide 4 Studio — slide 8

Black canvas with electric-yellow type; high-voltage design studio aesthetic.

Biennale Yellow

Biennale Yellow — slide 1 Biennale Yellow — slide 5 Biennale Yellow — slide 8

Solar yellow on warm parchment with deep indigo serif and atmospheric sun-glow gradients. Dutch-editorial poster energy.

Long Table

Long Table — slide 1 Long Table — slide 3 Long Table — slide 7

Warm cream and rust-red supper-club aesthetic with bold uppercase grotesk headlines, italic Fraunces, and pill-shaped outlined buttons.

License

MIT — free to use, modify, and distribute.

Collected info

  • ★ 4,652 stars
  • ⎇ 392 forks
  • Language: HTML
  • Source updated: 9/25/2026

Config for your environment

Replace {MCP_ENDPOINT_URL} with this MCP’s endpoint URL (from its repo or docs above). No API key — you connect directly.

Tool

OS

Config file: ~/.cursor/mcp.json

{
  "mcpServers": {
    "mcp-server": {
      "url": "{MCP_ENDPOINT_URL}"
    }
  }
}

Paste into mcpServers in the config file. Restart Cursor after saving.

If this MCP is also published on mcpchannel.ai, you can subscribe from Browse and use the gateway config there instead.