HTML Slides — Animated, Viewport-Fitted Presentations

Generate single-file, self-contained HTML presentations with professional animations, responsive viewport fitting, and curated style presets. Zero external dependencies at runtime — all CSS/JS inline.

Architecture

Every HTML presentation follows this structure:

1. Single file — One .html file with inline CSS and JS (no build tools)
2. Viewport fitted — Each slide locks to 100vh/100dvh with overflow: hidden
3. CSS custom properties — All theming via :root variables for easy restyling
4. Semantic HTML — <section> per slide, <nav> for controls
5. Progressive enhancement — Works without JS, animations enhance with JS

Mandatory Viewport Rules

Apply the viewport base CSS from assets/viewport-base.css to EVERY presentation. Key rules: