Repolode
Submit
stackblitz

stackblitz/bolt-slides

A React-based slide deck toolkit where each presentation slide is a live, responsive web page built by an AI agent or by hand.

Open-source alternative to:PowerPointGoogle SlidesKeynote

View on GitHub
Stars
1,129
Forks
137
Open issues
7
Last commit
3 months ago

What is it?

Bolt Slides turns presentations into working web apps. Each slide is a plain React component, so it can include 3D scenes, live data, embedded products, or interactive prototypes instead of static bullet points. The project is designed to be driven by AI coding agents such as Claude Code, Codex, Cursor, and Bolt, and it ships with a bundled skill that guides the agent through theming and composing a deck.

Under the hood it provides a paged deck engine with a dock, thumbnail sidebar, grid overview, click-based builds that step through content before advancing slides, and annotation tools. Presenter mode opens in a second tab with a timer, next-slide preview, and editable notes that stay synced with the audience view through BroadcastChannel. The URL hash tracks the current slide so links can point to a specific page.

The repo includes a component library covering structure, data charts and tables, storytelling layouts, product mockups, and visual effects. Colors, fonts, and radii are set in a single CSS tokens file, so changing the primary color recolors the whole deck.

Key features

  • 01Each slide is a React component that can contain live data, 3D scenes, or interactive prototypes.
  • 02Click-based builds reveal content step by step, with arrow keys stepping back as well as forward.
  • 03Presenter mode in a synced second tab shows a timer, next-slide preview, and editable notes.
  • 04Content-anchored annotations keep drawings attached to the same element across screen sizes.
  • 05Deep links track the current slide in the URL hash.
  • 06A component library covers charts, tables, timelines, pricing, code windows, and more.

Use cases

  • Pitching a product with a live demo embedded directly in the deck.
  • Presenting data-heavy findings with interactive charts and dashboards.
  • Generating a presentable slide deck from a single prompt using an AI coding agent.
  • Building a custom, branded presentation template with a shared theme file.

Topics

#presentation#react#slides#typescript#ai-agent#interactive#web-app

FAQ

What is bolt-slides?
A React-based slide deck toolkit where each presentation slide is a live, responsive web page built by an AI agent or by hand. Bolt Slides turns presentations into working web apps. Each slide is a plain React component, so it can include 3D scenes, live data, embedded products, or interactive prototypes instead of static bullet points. The project is designed to be driven by AI coding agents such as Claude Code, Codex, Cursor, and Bolt, and it ships with a bundled skill that guides the agent through theming and composing a deck.
Is bolt-slides free to use? What license does it have?
bolt-slides is open source under the MIT license. Check the license terms before using it in commercial products.
Is bolt-slides still maintained?
Updated within 6 months. The last commit to bolt-slides was on Jul 30, 2026.
What can I use bolt-slides for?
Pitching a product with a live demo embedded directly in the deck. Presenting data-heavy findings with interactive charts and dashboards. Generating a presentable slide deck from a single prompt using an AI coding agent. Building a custom, branded presentation template with a shared theme file.
Where can I get bolt-slides?
The source code and installation instructions are on GitHub: https://github.com/stackblitz/bolt-slides

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects