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

hckrnws

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

1011

235

by starfallg

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.

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's no install or cloud login, everything works offline. The default deck is around 560 KB and it doesn't need to fetch anything once you got it.

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't see any of the data.

Check it out at https://bento.page/slides/ which takes you straight to the editor.

Go to https://bento.page/guestbook/ to try out the live guestbook to experience share editing / collab.

There is also a gallery with some sample decks on the website - https://bento.page/

All the code is MIT licensed and you can find it here - https://github.com/nyblnet/bento . I used reveal.js with several other libraries (including some homegrown ones), and Claude Code.

starfallg • OP
312d
Hi, I'm the creator of Bento. Just wanted to share a bit more about how I created it beyond what's in Github.
The file contains more or less two sections. There is a plain block of JSON near the top of the file which is the slide data. You can read, grep, or point a harness at it. The app itself is in a base64 blob that loads through a small shim which deflates in the browser with DecompressionStream, which keeps the package small and so that we don't need to fetch any external files at runtime. File System Access API is used for JSON writeback into the same file, which falls back to a plian download and all updates are ECDSA signed.
I started with reveal.js which served as a base, and incorporated GSAP/Flip to handle the animation. Then I added charting with echarts, but due to a number of issues with size and how the worked, I ended up re-implementing both.
What I'm most pleased about is how seamless the CRDT works. The blind relay is a small file that runs on Cloudflare Durable Objects, and all it sees are the encrypted data from the clients. Collab is off until we turn it on in the app (by starting a session by sharing by invite file), and then some sets of keys are generated. Access is handled by user key, and you can have read-only users, and also revoke live collab access by user as well.
1. inanutshellus
  82d
  The concept that's MAGICAL in Reveal.js is vertical slides.
  e.g. https://revealjs.com/#/2/1 <-- from here you can go up or down, then go right to continue the presentation.
  You just make one slide deck with lightweight high-abstraction slides and depending on the audience you just... hit the down arrow. bam. now you're inside the tech slides. no nerdy tech guys? sweet, don't hit down on slide 3. Instead you're with the marketing guys, so hit down on slide 5.
  Anyway - looks like you got rid of that in order to mimic Powerpoint, but... don't forget it's there. it's my favorite part of using Reveal.js!
  1. starfallg • OP
    22d
    That's a great point. I went down the state slide route in order to handle a similar type of use-case, but I'll look into this and see if we can incorporate that somehow. It seems like a really elegant way to implement some state slide use cases. And thanks for the heads-up on this!
    sdoering
    12d
    Could the hidden state slides "just" react to a down arrow press as well as to the click? But then they probably would have to have an order somehow?
    Just my two cents.
2. mbreese
  52d
  This was my biggest question. Thanks for preemptively answering (and being proud!).
  When I was playing with this, I immediately thought of TiddlyWikis, which I've always been fond of, but they never took for me. However, an easily editable presentation -- that's a use case I can understand.
  I couldn't see how there was a CDRT when I'm just working with a single file. I was trying to figure out where the server was. So -- this is just on for everyone? Are you concerned that your Cloudflare account will be hammered with this?
  1. rpdillon
    12d
3. PhilippGille
  12d
  The project looks very interesting, thanks for sharing!
  You seem to have created a new GitHub account just for this project a week ago. Do you have any other GitHub accounts that enable us to see a track record of your work (maintenance, security)?
  1. ericyd
    01d
    Good faith question: what would you do with this information if you had it? For example, do you have a systematic audit plan for github accounts that you execute before using a project?
4. moontear
  22d
  How do we UPDATE the underlying engine once it gets new features? Since this is a self contained HTML file I am not sure how this works.
  Editing multiple things at once (select via CTRL) needs some more options (like text centering).
  1. starfallg • OP
    12d
    Bento has auto-update baked in. It checks for signed updates in a manifest, downloads it, rewrite the file structure with the new and reloads with the new file.
5. appplication
  12d
  Very cool! FYI I was able to cause all sorts of hell by pinch zooming on mobile safari. This seemed to throw off the click and drag select box and on one occasion crashed the page entirely.
  1. starfallg • OP
    02d
    Let me reproduce it on iOS and push out a fix shortly. Thanks for the heads up.
6. chr15m
  12d
  Would be cool to use Nostr relays, then you don't have to depend on the proprietary CloudFlare infrastructure.
  1. starfallg • OP
    01d
    Thanks for the pointer on this, will check this out.
7. ronyeh
  12d
  Nice idea. What happens if you upgrade to v2 and my slide decks are on v1?
  Can I click upgrade and get the JSON slide deck data exported into a v2 shell?
  1. starfallg • OP
    02d
    Yeah, upgrades are pretty seamless so far as the JSON format for the slide data is pretty forgiving. You can also export and reimport the data. It's in the split pill next to Save.
8. allisdust
  42d
  I would call this a slide show not powerpoint mostly because making it work with the satanic office formats is a path to hell.
  Hopefully simpler formats like this will become the norm and the old ones can die.
  1. starfallg • OP
    22d
    You are right, but I guess a lot of people recognise PowerPoint as a brand. Maybe I can bill this as better-than-powerpoint!
praveer13
102d
This is amazing. I also think this will become more common. I feel there is a lot of software that can just be served locally via html/typescript/react etc and even have local state. There's just not been an economic incentive till now.
I am personally using kimi k3 to create a mobile friendly set of games, starting from math like linear algebra to quantum physics - neurodivergent friendly, completely local state, served from github pages - to get someone interested in the field. This needs an economic incentive to exist without LLMs, because of so much different expertise needed, and time.
if anyone's interested in the games let me know - i plan to play it myself, improve it, remove bugs etc before publishing on HN.
1. WillAdams
  02d
arttaboi
02h
Amazing project, I love it!
One naive concern, though: this seems to make it very easy to spread malware. Someone could add malicious code to a compressed app, share the slide with others, and have it propagate. What are your thoughts on this?
calebm
212d
Awesome. I've been trying to promote this kind of Single-File Web Apps as a concept - feel free to add this to the proposed Wikipedia page: https://en.wikipedia.org/wiki/Draft:Single_File_Web_Apps
1. yreg
  22d
  The draft doesn't read as a Wikipedia article – e.g. addressing the reader as 'you'.
  I don't think WP is the right place for this. It is supposed to be a tertiary source, not a place to promote concepts you want to see established.
d4rkp4ttern
12d
Love it. Like some others here, I've been making html presentations with code-agents and they come out really nice. Other alternatives for that suit different purposes are these:
- slidev markdown-based slides, I often have a code-agent make these. https://github.com/slidevjs/slidev
- typst slides are great looking too, especially with math etc. Again easy for agents to do
One minor nit: Based on the title, I thought this was literally a tool that had something to do with PowerPoint, but "PowerPoint" is used here as a synonym for "Presentation", which is ironic/unfortunate given how many dislike PowerPoint.
1. starfallg • OP
  02d
notpushkin
22d
> Go to https://bento.page/guestbook/ to try out the live guestbook to experience share editing / collab.
My M1 Mac froze in the end (had to hard-reboot), but that was so much fun! I guess there’s a reason Figma uses WASM and a custom renderer, though I guess your implementation should work fine for most cases (i.e. not when all of HN are trying to edit everything simultaneously :^)
Two notes:
1. It would be nice if another person changing something unrelated to what I’m doing didn’t reset the focus for me.
2. WAY too llm-y copy both on the landing page and the example deck. Your HN submission text is way easier and more pleasant to read.
And huge kudos for releasing this as FOSS!
1. starfallg • OP
  12d
bryanhogan
02d
Cool project, I had been using markdown based slide tools for similar use-cases:
- Marp: https://marp.app/
- Slidev: https://sli.dev/
- Revealjs: https://revealjs.com/
Something more similar, based on HTML and CSS but instead based on the Svelte framework, was Animation: https://animotion.pages.dev/
It focuses on presentations that include animations, but of course it's flexible.
georgeburdell
32d
Hey just wanted to say I think this fills an extremely common niche in the corporate world. There are a couple of teams at my company who switched to some variant of fancy html/javascript and away from either cloud or desktop copies of off-the-shelf presentation or visualization software because they were tired of bugs not being fixed or custom features not getting added
Internal IT fiefdoms everywhere should be very afraid
1. starfallg • OP
  22d
  Exactly what we've seen in our company. A lot of techies create these awesome web-app presentations which look awesome and wows everybody, but then some poor person that has Claude but not Claude Code (we somehow decided it was only for techies/SWEs) would then be scratching their heads on what to do because some figures are wrong and they need to update it before the very-important-steerco in the afternoon.
venzaspa
12d
Incredible stuff, absolutely love it. The only thing I don't like is that I've got absolutely no reason to use it.
1. starfallg • OP
  01d
  Thanks. Kinda jealous that you don't have to do slides to be honest.
aag
112d
What an ambitious and impressive project! I'm going to try it.
One note: The home page says "Nothing phones home," but the Bento files I've examined include a cloudflareinsights.com beacon.
1. starfallg • OP
  02d
  Thanks for raising that. It might be in the standard cloudflare/actors SDK I used for Cloudflare Durable Objects. I'll try to disable this behavour and if we couldn't, we'll rip out DO and replace it with something that doesn't phone home. Apologies I wasn't thorough enough here.
Willamin
12d
I recently made a very similar tool but focused on making small React apps instead of presentations.
A basic starter html file with an example app: https://glider-app.netlify.app/glider.html
Docs: https://glider-app.netlify.app/docs.html
The docs aren't very polished yet but it's quite usable!
It bundles a JSX transpiler, a code editor, and supports saving to a file or localstorage. It supports "ejecting" to separate the shell (handling saving files, transpiling, editing, etc) from the JSX and the JSON data.
I also threw together an iOS app in which you can save these mini apps, allowing for longer term saving of data and code edits without relying on localstorage alone, making the save/refresh loop seamless. It includes a sandbox, preventing any saved mini apps from making network calls, but allows the user to enable network usage on a per-app basis. I'd like to include more QoL features like a native editor, but haven't prioritized that yet.
https://apps.apple.com/app/id6790498430
syhol
12d
Looks very good and I'm excited to try it out properly. It's a shame about the name considering a lot of self-hosters will be using BentoPDF. But thats one of two hard things in Computer Science.
1. starfallg • OP
  02d
  Aw man! Well it is very different to what BentoPDF is doing. I'm sure nobody would get confused!
jimmar
12d
Nice work!
But...I added an image to see what options it gave me. There was no way to add alt text, which leads me to believe that accessibility was not a priority. Unless passing accessibility checks is a feature, this isn't something I could use.
1. starfallg • OP
  01d
  Thanks for bringing this up, it's a valid point and also something I haven't really focused on specifically. I'll add at least the beginnings of these accessibility features to the next release.

maxloh

12d

HTML and CSS feel fundamentally better suited for slide decks than JSON. At their core, most slides just boil down to simple flexbox structures:

  ┌─────────────────────────────────────────┐
  │ ┌─ Row 1 Container ───────────────────┐ │
  │ │ ┌─ 4-way padding ─────────────────┐ │ │
  │ │ │ [ Text Content ]  (child node)  │ │ │
  │ │ └─────────────────────────────────┘ │ │
  │ └─────────────────────────────────────┘ │
  │                  ↕ gap                  │
  │ ┌─ Row 2 Container ───────────────────┐ │
  │ │ ┌─ 4-way padding ─────────────────┐ │ │
  │ │ │ [ Text Content ]  (child node)  │ │ │
  │ │ └─────────────────────────────────┘ │ │
  │ └─────────────────────────────────────┘ │
  │                  ↕ gap                  │
  │ ┌─ Row 3 Container ───────────────────┐ │
  │ │ ┌─ 4-way padding ─────────────────┐ │ │
  │ │ │ [ Text Content ]  (child node)  │ │ │
  │ │ └─────────────────────────────────┘ │ │
  │ └─────────────────────────────────────┘ │
  └─────────────────────────────────────────┘

Layouts like this are naturally expressed using CSS and a layout tree, rather than forced into hardcoded coordinates.

starfallg • OP

purple-leafy
02d
Client side only and base64 compression tricks are a clever thread, and shameless self promotion but one I’ve been pulling with my dead but novel browser game [0] snibble.gg (tutorial sucks but once you get past it it’s fun to watch the bots play)
Basically everything is client side generated from a seed - entire games and their replays get stored in a tiny url - pretty much every possible game ever fits in a version 40 QR code
It’s snake X scrabble X PvP
[0] https://snibble.gg
mklarmann
12d
I recently did something similar with just asking claude to create me a presentation with GSAP animations. With a some nice features to embed apps, switch the language while presenting, etc. - it works like a charm: https://eos-lci.gitlab.io/eos-lci-presentations/klimabuendni... (all open source)
1. starfallg • OP
  02d
  I really like your system. It is very similar to Bento in some respects, but I haven't seen any editing capability though. Thanks!
fh67
12d
I'm thinking of installing a blank bento for users as a pwa (using browser install site as app), script the author name etc and then make the file read only so they are forced to save as, for users to use as a standalone powerpoint tool.
Maybe you can implement this into the project, a blank default read only (except author details) that installs as a pwa.
1. starfallg • OP
  02d
  I thought about make it a PWA, but I'm still on the fence about hosting in general. Will probably have to host in order to deal with enterprise use-cases, but I just want to make something simple and cool for now. Thanks for the feedback, will explore a bit about what people will want in a hosted solution and how it can keep these principles I think makes it special.
hdrz
02d
There is also impress.js[1], a 3d infinite canvas for slides which I used in the past. You write your content as plain html in a single file, very easy.
[1]: https://impress.js.org
trentor
12d
I like it. I used Claude and Qwen to build single file HTML decks in the last few months. The nicest thing with HTML decks is that you can not only ship the decks but integrate your prototype/demos in the same file integrated into the flow of your deck. Would love to see a feature like that.
1. starfallg • OP
  02d
  Thanks. That would be a cool feature, and definitely possible. Currently it's already got a feature where you can export and import it's data JSON. We just need to find a way to squeeze a whole frontend in.
luckydata
22d
this project is a monument to the HUGE failure of the Workspace team at Google to enable agent editing in a way that makes sense.
Google is really shitting the bed in all the way that matters on GenAI and being an ex employee of Cloud I am not in the least surprised about it, just really sad.
1. starfallg • OP
  12d
  I like a bit of good gossip. If you're based in London, let's go out for a beer.
dptrsa
12d
I've been reading HN much longer than I've had an account, and I have never once left a comment or interacted with any post. Had to break the seal to say great job with this. Really fantastic out of the box, and timely thinking. I'll be using this for sure.
1. starfallg • OP
  02d
  Thanks! It's also my first submission to HN after reading and commenting on here for the last 7 years!
gatuamgb
02d
It would be a fun exercise to test it with small language models- seeing how this works. If the results are good, there could be a good path to drive mass adoption of the concept!
tdu01
01d
That's pretty cool. I envisage HTML will replace ppt, word, project management decks etc. HTML is interactive, holds and organises content well, and multiple groups can be self guided in exploring the data and contents. The engineer can explore the how, the customer can explore the what, the marketer can explore the why.
sdoering
12d
Cool. I really like it. One thing that I stumbled upon was that, when I was playing with negative numbers on slide 6 I would have expected the x-axis to stay at zero and the line to dip below it.
But I am not really sure how to achive this for the secondary y-axix (I was playing with the percentages and simulating negative growth).
1. starfallg • OP
  02d
  Good spot, it does look like a bug when you are using 1 axis. I'll roll a fix in the next release today. Thanks for the feedback.
oijkuij
12d
I love it! I will absolutely be trying this out and following along.
For a long time I've used draw.io for making diagrams, and found it clever that you can effectively save your document as an iframe blob of editor + file (though in their case, the editor is not stored in the file, a web connection is required to load the editor codebase. I've wished that could be the primary use case and this is basically what I'd imagined!
1. starfallg • OP
  02d
  Thanks! As a avid user of draw.io, I considered this model, but ultimately I thought that it's best to start with a single local file. Maybe later when people ask for enterprise-type features it'd make sense to host it. It's definitely needed to do stuff like SSO.
stackghost
02d
>There's no install or cloud login, everything works offline. The default deck is around 560 KB and it doesn't need to fetch anything once you got it.
This is the best feature.
llagerlof
02d
This remember me tiddlywiki, a single html wiki.
https://tiddlywiki.com
momojo
12d
This blew my socks off. Theres something so satisfying about knowing everything I need is in a single file. I know the caveat is *1. Have a modern browser*, but this is my go to format when trying out random ideas. I even have a macro called `try` that sends me directly to a new folder called `scratch/YYYYMMDD_<try_bento>`.
Great work! I hope to see more and more apps like this in the spirit of "Toss it all into context"
1. starfallg • OP
  02d
  Thanks, you're right, that is the achilles heel. Most of the functionality actually is in the browser. We're just running fancy scripting on it.
okzgn
01d
Its use could go beyond PowerPoint-type slides and be applied to various kinds of editors. It would be even better if the File System Access API were available and supported across all browsers.
TeeWEE
12d
Was using Reveal.js which worked well because it can use any HTML or any plugin.
Bento works with a predefined schema, so you cant use any HTML library (Such as Mermaid.js) if you need it in your presentation.
But then again, often you dont need it.
Just created a presentation with Bento... I do think Reveal.js gives you more raw power. But I like bentos single html page design, and you can easily edit it manually. You cant do that with Reveal.js
1. starfallg • OP
  02d
  Yup, I'm trying to see if we can add arbitrary JS. I think it may be possible, but would take a bit longer to test out different approaches. However I guess the main target audience for this is coders that interact with non-coders when doing presentations, and I think currently this approach is sufficient.
gcanyon
01d
Very nice! I spent something like 30 seconds scanning the top row of controls for the "Present" option -- is there logic to special-casing it by putting it (and zoom controls) at the bottom, away from everything else?
luanmuniz
12d
This is awesome! I do love this software is one file thing. A breath of fresh air on these you-rent-everything-owns-nothing days
1. starfallg • OP
  02d
  Thanks! I guess there are some drawback to this approach, large companies especially would be completely adverse to it. But it's cool and I'm hoping people would find it useful!
dannyobrien
12d
Hey, I just wanted to say thank you for writing this -- I couldn't find a way of contacting you directly in the repo, so I'll just have to bury this here! I really appreciate the work that went into this, and the design.
1. starfallg • OP
  02d
  Thanks for the kind words. I'll put some contact details in my Github profile.
jmuguy
22d
This might just be a Firefox thing but the animations are really struggling on my system here - very slow and choppy.
1. starfallg • OP
  02d
  Yeah, unless you were using the guestbook which was being hammered, I'm afraid you are right. I use Firefox, but it's not my main browser and I must confess I didn't do much testing on it. I'll have to look to see how we can improve performance on FF.
mguerville
12d
As someone who makes a living in PowerPoint but loves tech and FOSS, congrats. I'm not sure I fully follow how collaborating works, you may want to write an explainer that assumes nearly zero engineering knowledge. Looking forward to the docx and xlsx version, I'll follow on gh to stay up to date
1. starfallg • OP
  02d
  Thanks for the kind words. To collab, it's simple, go into share and click on invite, then it will save a HTML file with an invite key. Just send this to the person you want to share the session with, and they will automatically connect and join the session when they first open it in their browser.
virajk_31
01d
Great, I hv been working on similar application for internal use, my approach includes upload pptx - web - download pptx. (Though getting fidelity to upto the mark is really challenging)
crashabr
02d
Pretty cool. I have my own setup for presentations, and I also use revealjs, but I made the choice to have the content be sourced from a markdown to be able make presentation contents as indexable and reusable as any other content produced by my team.
mariozz
01d
Super cool idea, great implementation! How can we get ClaudeCode or Codex to design the slides, I wonder?
ethin
22d
This is so cool! When I initially saw the title I was wondering how this is different from SlideJS or similar, but this is really cool and now I'm wondering if this could (at least in theory) be integrated into something like Pandoc as an output option?
1. starfallg • OP
  12d
  Thanks! I'm not familiar with pandoc but I think you can get some data out of the Bento JSON but is not going to be very rich. May be easier to render it to PDF (which works well in Chrome) first.
BIGFOOT_EXISTS
12d
Absolutely love seeing products like this. Starred, saved link, will definitely use soon.
1. starfallg • OP
  02d
  Thanks, people asked about monetization but seriously Github stars is really all it's about.
bflesch
12d
Looks nice, but I'd love to have a setting where all animations can be switched off.
1. starfallg • OP
  02d
  Good idea! Let me roll that out. I guess you can also print to PDF.
thecombjelly
12d
Very cool project! It looks nice and the technical aspect of how sharing/CRDT is implemented is a really great idea! I would definitely be interested in the ability to change the relay; ideally to something self-hosted.
1. starfallg • OP
  02d
  Thanks! That's a really good point. I used Cloudflare DO as it was elegant and convenient, but no reason why we can't run a small daemon to handle the same. I'll work on this later in the week.
dogscatstrees
12d
When attaching the offline artifact as an email attachment, say in MS Outlook, will Outlook strip or block the attachment because it sees an HTML file with JS? Anyone encounter email attachment issues?
1. akserg
  01d
  [dead]
gcanyon
11d
This feels like it's a hair's breadth from being a Notion competitor with a very different set of page-design skills
1. starfallg • OP
  01d
  Notes was suggested in another comment as the next app in the series, so yeah I think it's a very good idea to do something like a workspace.
truetraveller
22d
Great job! How long did this project take total? How much percent is AI generated?
1. starfallg • OP
  12d
  Thanks! I started on this last week in my spare time and I used Claude, all my commit history is on Github. I did most of the coding via Claude Code, no fancy system or exotic harness.
  I would love to do more by hand, but I look after a tech team inside a renewables firm, so I don't have much time between job and my preschooler.
razster
02d
Would it be possible to use your mouse to slide, pan left and right instead of using the direction keys? Assuming it is touch enabled? Just wondering.
afro88
12d
> Only an encrypted blind relay to allow for shared editing. The relay doesn't see any of the data.
Would love to know more about how this works then? Is it more or less encrypted P2P?
1. starfallg • OP
  02d
  This doc goes into more detail -
  https://github.com/nyblnet/bento/blob/main/docs/security.md
  But basically when your bento HTML first gets saved, it generates a number of keys used for managing the permissions to join the Cloudflare DO. You can then send out an invite deck with a key that allow other people to join (with their own generated keys). With this architecture, you can revoke people's access, as well as giving them only read-access to the sharing session for example.
dogscatstrees
12d
This is so cool. And it's as simple as telling Claude about the skill: https://bento.page/
1. starfallg • OP
  02d
  Let me know how you get on with the Claude skill. I haven't done nearly as much testing as I should have with it! Thanks for the feedback!
skybrian
62d
This is very neat!
For people clicking on a link to some slides that someone shared, it seems like starting out in viewing mode with a prominent edit button might be better than starting out in edit mode?
1. starfallg • OP
  52d
  Thanks for the feedback, that's a really good idea! I'll try to roll it out shortly!
hokage-at-leaf
11d
Loved it. Local-first is the way to go. By the way, how many tokens did you have to burn? :D
1. starfallg • OP
  01d
  Thanks. To be honest, I don't know because I have a personal Max plan I use for this stuff and never set any telemetry up on it to get accurate metrics.
latexr
22d
Why does the homepage mention AI over 20 times? Why does it mention AI at all? Why is most of it absurdly long and obfuscated base 64, which looks be binary data?
1. starfallg • OP
  02d
  It's really to solve a use case where there are a lot of these cool web-based presentations being created by AI, but they are all disposable things that non-technies can't work with easily.
  Base64 is paired with compression to keep the size small so you can share it easily. The original version was around 1.3MB and maybe we can have a switch to output without compression. The source that generates it is all in Github.
okzgn
01d
Maybe it could be an extension or plugin that works with an agnostic backend?
anoop_kumar
02d
Fantastic! I have been using HTML for all my slides but this is next level. Is there a way to export this into PPTX format?
vonnieda
12d
This is really clever and is taking a direction I hope to see more software taking! Totally self contained is awesome. Well done!
1. starfallg • OP
  02d
  Thanks! I hope it's good and practical enough to be actual useful (and used regularly by pepole).
shaism
12d
Awesome. Perfect for editing with agents and sharing with coworkers.
- Even works well on mobile.
- Embedding images and videos also works flawlessly.
1. starfallg • OP
  02d
  I'm a bit worried on the UX on mobile, so I did some testing to get at least the basic working! Video also worked better than expected, I love how the video background in the Orbital deck turned out! Thanks for the feedback!
luzgool
22d
I wonder how you manage the RAM and CPU consumption if all just in one html file?
1. rellfy
  12d
  Can't be worse than an Electron app, can it? lol
yako21000
01d
That's something I will have to try out.
Shorel
22d
I really loved when this was a feature of the Opera browser, before they went chromium.
1. starfallg • OP
  12d
  I used Opera for a while, but I didn't recall it doing this. Do you have a link to show what it was able to do?
unixhero
02d
Mind blowing... I can't believe all of this is in one file.
francozanardi
12d
Love that it's just one HTML file, really easy way to share software. Great work!
1. starfallg • OP
  02d
  Thanks, I hope this approach catches on!
aashir-saas
01d
This is amazing! finally something useful
lastramses
12d
It would be interesting to see one note done same way/source?
1. starfallg • OP
  01d
  That's a really good suggestion, thanks. I've been thinking about what to do next, and notes is probably the natural progression, especially if you want to share between different devices with no cloud.
jbl0ndie
12d
I love this.
I hope you don't get cease and desisted by MS for mentioning PowerPoint.
1. starfallg • OP
  02d
  Thanks. I hope so too. It seem to be squarely in fair use and there is no real chance anybody would mix this up with MS Powerpoint (I would think).
ShipVoicedev
12d
Can I use claude to generate ppt for me using this bento? if so how?
1. starfallg • OP
  02d
  Yes you can! Use the agent skill, instructions here - https://bento.page/#get-skill
greenchair
02d
Absolutely amazing! Thank you for making it free and posting too!
el_peaton
02d
That is quite useful and simple indeed. thanks :-)
luzgool
02d
This is so cool, did you use any AI tools to build this?
ozhero
12d
This is excellent work!
Thanks for sharing and deserves a lot of Github stars!
1. starfallg • OP
  02d
  Thanks! I'm about 1/3 towards my goal of 1k GH stars as of right now!
meetingthrower
12d
OMG coming from bigtime consulting this is...AMAZING. Thank you!
1. starfallg • OP
  02d
  Yeah, if you do a lot of slides, this is for you! The whole point of this is to make doing slides bearable!
seu
02d
This looks like a great idea, thanks for sharing it!
hilti
72d
Great project. But please check the name:
https://en.wikipedia.org/wiki/Bento_(database)
1. ajam1507
  12d
  > Bento is a discontinued database application for Mac OS X made by the former FileMaker Inc., since renamed to Claris.
thoopring
02d
I thought PowerPoint was open on my PC!
dushan01
12d
I really like it, you are a genius
1. starfallg • OP
  02d
  I wouldn't say I'm a genius. I do think it's cool though and slightly impressed by all the positive feedback. Really glad you like it though!
koziserek
01d
omg I need to try same approach for sqlite MS Access killer
Andrey1121
01d
Insite full content
ninjahawk1
22d
I’ve honestly been kind of surprised that large companies software hasn’t been recreated for free en masse from the use of AI in a weekend. I’ve definitely seen some cases but it’s not as common as I had personally expected.
1. starfallg • OP
  12d
  In my day job, we have several teams doing this replacing mainly SaaS vendors. It's a easy sell and very low risk replacing basically CRUD web interfaces over databases.
pipipi01
02d
May be you can add AI to your page, nobody make slides by hand now.
RS-232
01d
Epic, just needs dark mode ;)
Also, maybe a way to use sharing via LAN and strip any features that any phone remote services.
prokopton
01d
Another pretender.
https://en.wikipedia.org/wiki/Bento_(database)
drabbiticus
01d
Can you clarify the collab architecture and what gets shared vs. not shared with Bento servers to enable this collaboration?
sciencesama
12d
if you extract ppt it is a xml file !! fyi !
1. starfallg • OP
  01d
  That's how Claude works with pptx files, but the format is terrible to work with harnesses. Maybe that's going to improve but the it's currently the user experince is not good.
emifo3
01d
Bravo
schainks
02d
This is awesome!
[deleted]
02d
[deleted]
danvesma
02d
this is so sick
fragmede
52d
Um, that's amazing... and it's free?
1. starfallg • OP
  42d
  Thanks! It's a project I did in my spare time and it's made with a lot of MIT licensed JS libraries, so it's natural to make this MIT licensed as well. I don't know even know how anybody would start to monetise something local-first like this in this day and age.
tro09182
02d
great project
syngrog66
02d
vi slides.md
screenshare to taste
hathym
02d
impressive, bravo!
thrownaway561
01d
this is too impressive. honestly, excellent work.
hikariming
01d
cool idea！
aravind328
02d
great project
pipipi01
02d
amazing!
stelardigital
01d
[dead]
ABO_Studios
02d
[dead]
ukz
02d
[dead]
histiq
02d
[dead]
convertyard
02d
[dead]
__grob
02d
[dead]
kaide666666
02d
[dead]
nicc047
02d
[dead]
GrinningFool
02d
Also, bento: https://github.com/chef/bento. No relation.

┌─────────────────────────────────────────┐ │ ┌─ Row 1 Container ───────────────────┐ │ │ │ ┌─ 4-way padding ─────────────────┐ │ │ │ │ │ [ Text Content ] (child node) │ │ │ │ │ └─────────────────────────────────┘ │ │ │ └─────────────────────────────────────┘ │ │ ↕ gap │ │ ┌─ Row 2 Container ───────────────────┐ │ │ │ ┌─ 4-way padding ─────────────────┐ │ │ │ │ │ [ Text Content ] (child node) │ │ │ │ │ └─────────────────────────────────┘ │ │ │ └─────────────────────────────────────┘ │ │ ↕ gap │ │ ┌─ Row 3 Container ───────────────────┐ │ │ │ ┌─ 4-way padding ─────────────────┐ │ │ │ │ │ [ Text Content ] (child node) │ │ │ │ │ └─────────────────────────────────┘ │ │ │ └─────────────────────────────────────┘ │ └─────────────────────────────────────────┘