Show HN: Bento - An entire PowerPoint in one HTML file (edit+view+data+collab)

Hacker News Top Products
presentation-tool single-html offline collaboration open-source slides

Summary

Bento is a single HTML file that serves as a complete slide deck tool with editing, viewing, animations, and live collaboration, all without cloud dependency or installation.

Over the past few months, our team has been building more and more slidedecks using web frontend technologies with coding harnesses like Claude Code, but a common complaint is to make even small edits we need to edit the code either manually or via the harness.<p>To avoid this loop, I ended up creating Bento, a single HTML file with everything you need in a slide tool including animations and shared editing. There&#x27;s no install or cloud login, everything works offline. The default deck is around 560 KB and it doesn&#x27;t need to fetch anything once you got it.<p>Open it in a browser and then you can edit, present, print and save. Share it via email or via Airdrop and all they need is a browser to edit, present and also do live collab on the slides. Drop it in to Claude or ChatGPT to transform existing pptx files into Bento slides. There is no cloud involved, only an encrypted blind relay to allow for shared editing. The relay doesn&#x27;t see any of the data.<p>Check it out at <a href="https:&#x2F;&#x2F;bento.page&#x2F;slides&#x2F;" rel="nofollow">https:&#x2F;&#x2F;bento.page&#x2F;slides&#x2F;</a> which takes you straight to the editor.<p>Go to <a href="https:&#x2F;&#x2F;bento.page&#x2F;guestbook&#x2F;" rel="nofollow">https:&#x2F;&#x2F;bento.page&#x2F;guestbook&#x2F;</a> to try out the live guestbook to experience share editing &#x2F; collab.<p>There is also a gallery with some sample decks on the website - <a href="https:&#x2F;&#x2F;bento.page&#x2F;" rel="nofollow">https:&#x2F;&#x2F;bento.page&#x2F;</a><p>All the code is MIT licensed and you can find it here - <a href="https:&#x2F;&#x2F;github.com&#x2F;nyblnet&#x2F;bento" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;nyblnet&#x2F;bento</a> . I used reveal.js with several other libraries (including some homegrown ones), and Claude Code.
Original Article

Similar Articles

@aiwarts: https://x.com/aiwarts/status/2070137056144019720

X AI KOLs Timeline

Open-sourced Humanize PPT, an HTML PPT skill designed for presentations. It reorganizes outlines using AST (Audience, State, Transfer) logic, combined with downstream rendering skills to produce PPTs truly usable for presentations, addressing issues like uneven information distribution and content emptiness.

@leeoxiang: HTML for PPT is trending. But I found: surprisingly no one is making a "beautiful card" generator? So I built one over the weekend, with 11 themes and 8000+ theme x design language combinations. One-click generation of Xiaohongshu / Little Green Book / Jike / X cards.

X AI KOLs Following

The author noticed that using HTML for PPT is very popular, but there is a lack of a good-looking card generator. So over the weekend, they developed a tool supporting 11 themes and over 8000 theme x design language combinations, enabling one-click generation of cards for platforms like Xiaohongshu, Little Green Book, Jike, and X.

@NFTCPS: Just discovered an open-source project that lets you create PPTs directly using React — the entire workflow is tailor-made for AI Agents. Bro, this approach is way more reliable than hacking together PPTs with HTML. React components are abundant, scalability blows HTML out of the water, easily plug in any chart library, and your technical PPTs will take off. Comes with a visual editor…

X AI KOLs Timeline

Discovered the open-source project open-slide, which uses the React framework to create PPTs. The workflow is specifically designed for AI Agents, supporting natural language slide generation, a visual editor, and brand logo integration.