Repolode
提交项目
stackblitz

stackblitz/bolt-slides

一款基于 React 的幻灯片工具包，每一页都是可交互的网页，可由 AI 智能体或手动编写。

可替代:PowerPointGoogle SlidesKeynote

在 GitHub 查看
Star
1,129
Fork
137
未关闭 Issue
7
最近提交
3个月前

这是什么？

Bolt Slides 把演示文稿做成可以真正运行的网页应用。每一页都是普通的 React 组件，因此可以嵌入 3D 场景、实时数据、真实产品或可交互原型，而不局限于静态要点列表。项目面向 Claude Code、Codex、Cursor、Bolt 等 AI 编码智能体设计，并内置一份指导智能体完成主题和页面编排的技能文件。

底层是一套分页式演示引擎，提供侧边栏、缩略图、网格总览、按点击逐步呈现内容的 Build 动画，以及批注工具。演示者模式会在新标签页中打开，包含计时器、下一页预览和可编辑的备注，并通过 BroadcastChannel 与观众端保持同步。URL 哈希会记录当前页码，方便直接分享某一页的链接。

项目自带组件库，涵盖页面结构、数据图表与表格、叙事布局、产品展示和视觉特效。颜色、字体和圆角统一定义在一个 CSS 变量文件中，修改主色即可更新整套演示的配色。

核心功能

  • 01每一页都是 React 组件，可以包含实时数据、3D 场景或交互式原型。
  • 02通过点击逐步呈现内容（Build），方向键可以前后逐步切换。
  • 03演示者模式在同步的新标签页中显示计时器、下一页预览和可编辑备注。
  • 04批注与内容绑定，在不同屏幕尺寸下仍指向同一元素。
  • 05URL 哈希记录当前页码，可直接分享某一页的链接。
  • 06组件库涵盖图表、表格、时间线、定价、代码窗口等常用组件。

适用场景

  • 在演示文稿中直接嵌入真实产品演示，用于产品路演。
  • 用交互式图表和仪表盘展示数据密集型的分析结果。
  • 借助 AI 编码智能体，通过一条提示词生成可直接演示的幻灯片。
  • 基于统一的主题文件，制作符合品牌风格的自定义演示模板。

标签

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

常见问题

bolt-slides 是什么？
一款基于 React 的幻灯片工具包，每一页都是可交互的网页，可由 AI 智能体或手动编写。 Bolt Slides 把演示文稿做成可以真正运行的网页应用。每一页都是普通的 React 组件，因此可以嵌入 3D 场景、实时数据、真实产品或可交互原型，而不局限于静态要点列表。项目面向 Claude Code、Codex、Cursor、Bolt 等 AI 编码智能体设计，并内置一份指导智能体完成主题和页面编排的技能文件。
bolt-slides 可以免费使用吗？用的什么许可证？
bolt-slides 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
bolt-slides 还在维护吗？
半年内有更新。bolt-slides 最近一次提交是在 2026年7月30日。
bolt-slides 适合用来做什么？
在演示文稿中直接嵌入真实产品演示，用于产品路演。 用交互式图表和仪表盘展示数据密集型的分析结果。 借助 AI 编码智能体，通过一条提示词生成可直接演示的幻灯片。 基于统一的主题文件，制作符合品牌风格的自定义演示模板。
在哪里获取 bolt-slides？
源代码和安装说明在 GitHub 上：https://github.com/stackblitz/bolt-slides

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目