Birbla

Join the discussion

Write your take first — we'll ask for email only when you're ready to publish.

Sign in
  • Hacker News
  • 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.

    by jimmar
  • 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.
    by starfallg
  • 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.
    by syhol
  • Aw man! Well it is very different to what BentoPDF is doing. I'm sure nobody would get confused!
    by starfallg
  • 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

    by Willamin
  • I checked it out and it looks cool. It's a much more general platform than Bento. If you can make it do presentations, I'm sure the actual quality of the output would be better than Bento as it's React as compared to reveal.js.
    by starfallg
  • Incredible stuff, absolutely love it. The only thing I don't like is that I've got absolutely no reason to use it.
    by venzaspa
  • Thanks. Kinda jealous that you don't have to do slides to be honest.
    by starfallg
  • 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.

    by aag
  • By ambitious and impressive do you mean for Claude?

    Because while cool this is clearly heavily vibe coded.

    by pembrook
  • > include a cloudflareinsights.com beacon.

    Agreed that the homepage should not indicate otherwise, but on the plus side with a tool like Bento you can edit the HTML file locally, remove the script tag at the bottom that does that, and never worry about that tracking again!

    by Willamin
  • I'm still having trouble tracking this down the Bento app. There's nothing in the source on cloudflareinsights.com and nothing is connecting to that either when I inspect from Chrome. Could it be from the website? (The website is a GH pages fronted by Cloudflare)

    Can you share data or show where this is so I can quickly check?

    by starfallg
  • Just an update to this phone home issue. I haven't found anything showing that this should be normal behaviour. I'm thinking this may be due to cloudflare challenges due to the traffic spike. In addition to the DO, the whole website sits behind a Cloudflare proxy.

    Will keep chipping away at this and update as I learn more.

    by starfallg
  • 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.
    by starfallg
  • 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.

    by bryanhogan
  • 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

    by georgeburdell
  • 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.
    by starfallg
  • > 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!

    by notpushkin
  • Thanks! I had to reset the guestbook because it's being spammed. It's on epoch 4 now, hopefully people will be better behaved moving forward!

    1. Yes, that's a good point that somebody else raised also. It went pass testing as I was only testing with 1 or 2 other people at once. Will fix this tonight.

    2. Yeah, agreed and fair point. But I don't write well and I don't have time between day job and being a dad. Will try to fix this gradually.

    by starfallg
  • 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.

    by d4rkp4ttern
  • Oh! I didn't know about slidev before. I like how it can embed Vue.js components. Typst kinda looks like LaTeX. Thanks for sharing.

    I thought about whether to use Slidedeck Tool in the title, but powerpoint won out mainly because how often people talk about presentations as powerpoints.

    by starfallg
  • 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
    by calebm
  • Thanks for sharing this! Let me take a look. I was only aware of TiddlyWiki when I first started on Bento.
    by starfallg
  • This might interest you as well [1]. Similarly, here is an example of presentation using this format [2].

    [1] https://github.com/gildas-lormeau/Polyglot-HTML-ZIP-PNG

    [2] https://github.com/gildas-lormeau/Polyglot-HTML-ZIP-PNG/raw/...

    by gildas
  • http://beyondloom.com/decker/
    by RodgerTheGreat
  • https://hyperclay.com/ could be on there I think
    by Jonovono
  • Ilograph diagrams can be exported to standalone HTML files (like this example: [0]). Coincidentally, they also have slides (kind of) and clock in at around 560KB.

    [0] https://www.ilograph.com/demo/intelligentDocumentProcessing....

    by billyp-rva
  • mdwiki [0] would probably qualify. Disclaimer, I created+released it in 2013. I always jokingly called it the first true single-page application - as it was a single, offline-capable .html file with all images, icons, styles etc. inlined in the same .html file.

    [0]: https://mdwiki.info

    by littlecranky67
  • Can you create a list on github with known single-file web apps?

    Wikipedia is not a good place to promote ideas. It is a place where ideas in practice are documented. Github is a good place to promote stuff.

    by nashashmi
  • 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.

    by yreg