Bento Packs Edit, View, Data, and Collaboration into Single-File HTML Slides
Bento introduces a presentation framework where editing, viewing, embedded data, and real-time collaboration reside within a single portable HTML file. It offers a zero-dependency alternative to heavy presentation software for vibe coders and developers.
Impact: Medium
Why it matters
Developers can generate, version control, and deploy complete interactive slideshows directly from agentic IDEs like Claude Code or Cursor.
TL;DR
- 01Bento packs slideshow view, edit, data, and collaboration features into a single portable HTML file.
- 02Single-file HTML slides allow AI agents to generate and edit presentations using plain text operations.
- 03Slides can be tracked directly in Git repositories alongside project code.
Key facts
- File format
- Single self-contained HTML file
- Capabilities
- Edit, view, embedded data, real-time collab
- Dependencies
- Zero build tools required
Single-File Presentation Architecture
Bento bundles the complete presentation runtime, slide state, and editing interface into a single standalone .html file. This eliminates external server dependencies and complex JavaScript build toolchains for creating pitch decks and technical slides.
Vibe-Coding and Agent Integration
Because the entire slide deck is contained in structured HTML markup, AI coding agents like Claude Code and Cursor can inspect, refactor, and generate complete slide decks programmatically using standard DOM manipulation or text editing tools.
Collaboration and Portability
Bento supports local editing and offline viewing, while enabling real-time collaboration when connected. The single-file payload allows version control using Git alongside application code bases, bringing developer workflows to presentation design.
Try it in 2 minutes
curl -sO https://bento.page/slides/template.html && open template.htmlbash
✓ When to use
- When you need to vibe-code interactive slide decks directly using Claude Code or Cursor.
- When storing technical presentation decks directly inside version-controlled Git repositories.
✕ When NOT to use
- Not for enterprise teams restricted to corporate Google Slides or PowerPoint templates.
- Not for complex video-heavy presentation pipelines requiring specialized motion design.
What to do today
- Test generating a pitch deck using Claude Code targeting single-file HTML slide templates.
- Commit presentation files directly to your code repository for versioned documentation.
What the community says
“Ilograph diagrams can be exported to standalone HTML files... Coincidentally, they also have slides (kind of) and clock in at around 560KB.”
Sources