bolt-slides
Use any agent to create stunning, interactive presentations
What is it?
What it is
Bolt Slides is an AI-powered platform for creating interactive, responsive presentation decks where each slide is a live web application. It allows users to build dynamic presentations with real data, animations, and custom components.
Why it exists
To address the limitations of static, low-quality AI-generated slides by enabling agents to compose rich, interactive presentations with custom layouts, typography, and real-time data integration.
Who should use it
Frontend developersAI engineers using agents like Bolt or CursorProduct managers needing interactive demosTechnical presentersWeb developers building highly customized presentation decks
Who should avoid it
Non-technical users looking for a simple PowerPoint/Keynote alternativeUsers who do not want to interact with code or React componentsPeople looking for a purely drag-and-drop GUI-based presentation tool
How it works
A quick walkthrough in plain English
How bolt-slides works
Step 1 of 3
You interact with it
Open bolt-slides, send a request, or connect it to your stack.
Features
Advantages
- Creates tasteful, bespoke layouts instead of generic bullet slides
- Fully interactive presentations (live data, 3D, prototypes)
- Shareable as a simple web link; no file export needed
- Presenter mode keeps speaker notes in sync across tabs
- Annotations stay attached to content even when layout changes
- Easy theming by adjusting a few CSS variables
- Extensible component library speeds up deck creation
- Works with any AI coding agent via the provided skill
- MIT license allows commercial and private use
Disadvantages
- Requires familiarity with React/JSX and web development tools
- Initial setup involves cloning repo and running npm dev
- Not a traditional WYSIWYG slide editor; learning curve for component library
- May be overkill for very simple, static presentations
- Dependent on browser compatibility; offline use requires local server
Installation
native
git clone https://github.com/stackblitz/bolt-slides cd bolt-slides npm install npm run dev
FAQ
What makes Bolt Slides different from traditional presentation tools?
Unlike static slide tools, Bolt Slides turns every presentation into a live, responsive web application. Each slide is a plain React component, allowing you to embed 3D scenes, live data, working prototypes, and interactive elements directly into your deck.
How can I use AI to generate a presentation?
You can use an agent like Bolt.new by opening the repository there and providing a single prompt, such as 'Build me a deck pitching [your thing] to [your audience]'. The repository includes a specialized skill file that teaches the agent how to compose and theme the deck automatically.
How do I create interactive content or animations within a slide?
You can use the `<Build at={n}>` component to reveal specific content on the nth click. Additionally, you can use the built-in component library (like Charts, Tables, or CodeWindow) or write your own custom JSX to create bespoke layouts and animations.
Does Bolt Slides support presenter features?
Yes. It includes a synced Presenter Mode that opens in a second tab, featuring a timer, next-slide preview, and editable notes. It also supports keyboard shortcuts for navigation, a grid view, a thumbnail sidebar, and an annotation tool for drawing on slides.
How can I change the visual theme of my deck?
Theming is managed via CSS variables in `src/styles/tokens.css`. By updating the `:root` block (e.g., changing the `--primary` color), you can instantly recolor the entire deck, including the UI chrome.
Featured in Videos
YouTube tutorials and walkthroughs for bolt-slides
Alternatives
Similar projects ranked by category, topics, and text overlap.
