PRESENTATION FRAMEWORK
01 / 8
ZERO DEPENDENCIES

Presentator.
Swiss Deck Gen.

Programmatic HTML presentations. Swiss editorial design. Real animations. Math. Diagrams. All from JSON or Markdown. Open index.html. Present. Look smart.

WHAT WE COVER

Framework

01
Input & Build
JSON or Markdown, single CLI command, zero deps
02
Layouts & Blocks
11 layouts, math, diagrams, code, 8 animations
03
Runtime Polish
Canvas waves, cursor FX, presenter window, grid overview
Three acts, no intermission, no PowerPoint.
"The best presentation"

A good framework makes you look like a designer even if you can't pick a font to save your life. Presentator ships with Inter, Swiss grids, proper type scale, and color themes that just work.

BY THE NUMBERS
04 / 8
FRAMEWORK STATS

Presentator at a Glance

11
Layout Types
8
Animation Recipes
0
NPM Dependencies
2
Input Formats
[ image: ]
GETTING STARTED · terminal
05 / 8
ONE COMMAND

Build Command

node build.js deck.json dist/index.html
node build.js deck.md dist/index.html
open dist/index.html
node build.js deck.json dist/index.html
node build.js deck.md dist/index.html
open dist/index.html
Zero install. Zero config. Just Node.js and a browser.
ANIMATION SYSTEM
06 / 8
8 BUILT-IN RECIPES

Entrance Animations

01 -
Hero
Chrome fades, kicker drops, title rises, subtitle follows
02 -
Grid Reveal
Cards pop in one by one with scale and fade
03 -
Split Statement
Panels slide from edges, items cascade in sequence
04 -
Stagger, Fade, Slide, Scale
Every layout gets a sensible default
All Web Animations API. No library. Low-power mode disables everything instantly.
01

Zero Dependencies

No npm install. No webpack. Just Node.js and a browser.

02

Dual Input

JSON for programs, Markdown for humans. Same output.

03

Self-Contained

Single index.html with everything inlined. Host anywhere.

BUILD → PRESENT → IMPRESS

Swiss.
Editorial.
Presentator.

Star the repo. Build a deck. Look like you know what you're doing.

We can play videos too!

Watch my brother doing his thing!