Frontend Slides

Create zero-dependency, animation-rich HTML presentations that run entirely in the browser.

Inspired by the visual exploration approach showcased in work by zarazhangrui (credit: @zarazhangrui).

When to Activate

• Creating a talk deck, pitch deck, workshop deck, or internal presentation
• Converting .ppt or .pptx slides into an HTML presentation
• Improving an existing HTML presentation's layout, motion, or typography
• Exploring presentation styles with a user who does not know their design preference yet

Non-Negotiables

1. Zero dependencies: default to one self-contained HTML file with inline CSS and JS.
2. Viewport fit is mandatory: every slide must fit inside one viewport with no internal scrolling.
3. Show, don't tell: use visual previews instead of abstract style questionnaires.
4. Distinctive design: avoid generic purple-gradient, Inter-on-white, template-looking decks.