PPT越来越臃肿,这个开源项目把整个演示软件塞进一个560KB的HTML文件

一个 HTML 文件，正常只能打开网页。

但 Bento 这个项目有点反常识。

它把编辑器、播放器和演示器，全塞进了一个 HTML 文件里。

你发给别人，对方不用装软件，不用注册账号，不用登录云盘。打开浏览器，这个文件自己就能跑。

说白了，过去是先有软件，才能打开文件。

Bento 反过来：文件自己就是软件。

项目定位是“装在一个文件里的办公套件”。目前先做的是 bento/slides，一个 PowerPoint 替代工具。

项目简介

Bento 的核心想法很简单：文件本身就是软件。

你下载一个 Bento_Slides.bento.html，用浏览器打开，它就是编辑器、播放器和演示器。

你做出来的演示文稿，还是一个 HTML 文件。

发给别人，对方不用安装 PowerPoint，不用注册账号，不用登录平台，打开浏览器就能看、能演示。

更有意思的是，这个文件会保存自己。

你在浏览器里编辑，点保存，它会把幻灯片数据重新写回这个 HTML 文件里。也就是说，文档、编辑器、播放器、字体、图片、图表和动画，都跟着一个文件走。

一句话说：不是你打开一个软件去编辑文档，而是这个文档自己带着软件。

这点很有开源项目的味道。

不拼云端生态，不拼账号体系，先把“文档应该属于用户”这件事做干净。

核心功能

• 单文件演示文稿：一个 .bento.html 文件同时包含文档、编辑器、查看器和演示器。

• 浏览器直接打开：不需要安装客户端，不需要账号，现代浏览器就能跑。

• 自己保存自己：通过 File System Access API 写回文件，不支持时也有下载兜底。

• Morph 动画：不同页面里共享同一个 id 的元素，可以自动做位置、大小、颜色、渐变的过渡动画。

• 内置图表：支持柱状图、折线图、饼图、散点图，还能在演示时显示 tooltip 和缩放。

• 本地优先模式：打开 Offline mode 后，更新和协作会被阻断，数据不离开机器。

• 端到端加密协作：协作密钥存在文件里，中继服务只看到密文，看不到内容。

• 适合 AI 编辑：文档数据是文件里的明文 JSON，Claude Code、Cursor、Aider 这类 Agent 可以直接改文件。

• 签名自更新：应用更新会生成新文件，旧文件还在，方便回滚。

快速上手

这个项目上手很简单，不需要先搭环境。

方法一：直接在线体验

打开这个地址：

https://bento.page/slides

这个页面本身就是一个 Bento 演示文稿，也是一份功能导览。

你可以直接在浏览器里编辑、预览、演示。

适合先体验一下它到底是不是你想要的东西。

方法二：下载单文件版本

打开官网：

https://bento.page

或者去 GitHub Releases：

https://github.com/nyblnet/bento/releases

下载这个文件：

Bento_Slides.bento.html

README 里写到，这个文件大约 560 KB。

下载后直接双击，用浏览器打开。

打开以后，它就是一个完整的演示文稿编辑器。

你可以改文字、加图片、做图表、设置动画，然后保存。

保存后，它会把你的内容写回同一个 .bento.html 文件里。

如果浏览器不支持直接写回文件，也会走下载兜底。

方法三：从源码运行

如果你是开发者，想看源码或二次改造，需要 Node 20+ 和 npm。

先克隆项目：

git clone https://github.com/nyblnet/bento.git
cd bento

进入 slides 目录：

cd slides
npm install

启动开发服务器：

npm run dev

默认地址是：

http://localhost:5173

如果要构建单文件产品：

npm run build:single

生成文件在：

slides/dist-single/Bento_Slides.bento.html

README 里还提到，协作 CRDT 收敛测试可以跑：

node scripts/test-sync.ts

不过普通用户不用管这个。

想做幻灯片，直接下载 HTML 文件就够了。

和 AI 配合怎么用

Bento 还有一个很适合现在 AI 工作流的点：它的文档数据是明文 JSON。

这意味着 AI Agent 不需要专门插件，也能读懂和修改它。