---
name: Magazine Deck
slug: magazine-deck
category: Frontend
description: Magazine Deck builds a horizontal-swipe HTML slide deck with a magazine and e-ink aesthetic, featuring WebGL fluid backgrounds, serif display type, chapter dividers, big-number data pages, image grids, and pull-quote pages. Use it to create presentation-style web pages that look like a print magazine.
github: "https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-magazine-web"
language: HTML
stars: 8300
forks: 810
install: "npx degit https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-magazine-web ~/.claude/skills/deck-magazine-web"
installs_to: ~/.claude/skills/deck-magazine-web
source_path: next/src/lib/templates/skills/deck-magazine-web/SKILL.md
collection_size: 25
category_size: 567
collection_url: "https://dirskills.com/collections/nexu-io/html-anything"
added: 2026-08-15T06:50:55.958Z
last_synced: 2026-08-15T06:50:55.958Z
canonical_url: "https://dirskills.com/skills/magazine-deck"
---

# Magazine Deck

Magazine Deck builds a horizontal-swipe HTML slide deck with a magazine and e-ink aesthetic, featuring WebGL fluid backgrounds, serif display type, chapter dividers, big-number data pages, image grids, and pull-quote pages. Use it to create presentation-style web pages that look like a print magazine.

**Install:**

```bash
npx degit https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-magazine-web ~/.claude/skills/deck-magazine-web
```

## README

【模板: 杂志风网页 PPT (magazine-web-ppt)】
【意图】horizontal-swipe HTML deck, 杂志 × e-ink 调。
【布局】
- Cover (衬线 display + WebGL 流体背景)
- 章节幕封页
- 数据大字报页 (一个巨数字 + 一句解释)
- 图片网格页
- 金句页 (Sunday-paper 风)
【设计细节】
- 字体: Playfair / Noto Serif SC display + Inter / 思源 sans body
- 键盘 ← / → 切换; hash 同步