Bento Slides Showcase
- title
- Bento Slides Showcase
- created
- 2026-07-22
- tags
- clippings
1
One HTML file β deck, viewer and editor together.
Open it anywhere. It saves itself.
2
your deck β JSON in a <script> block
viewer + presenter β morphs, charts, speaker view
the editor itself β press Esc, itβs right there
Self-saving β βS rewrites this very file in place
No install, no account β a browser is the whole runtime
Assets embedded β images and fonts ride along as data
View-source honest β your document is readable JSON
Updates? The file checks a signed manifest at launch β you can turn that off β and rewrites itself.
3
Shared ids animate between slides β position, size, color, even gradients.
Press β then β to replay it.
4
Software with nothing
to install, break, or expire.
5
020406080100MonTueWedThuFriViewsEdits
Hover the bars β tooltips are live.
Scroll or pinch inside the chart to zoom the data.
pie split
Mon 13%Tue 21.1%Wed 16.7%Thu 26.6%Fri 22.6%MonTueWedThuFri
This is a hidden state β arrow keys skip it; only the click gets here.
The data morphed in place.
scatter
01020304050607080Engagement020406080100OwnedPaid
Same chart element β a third form. Each dot is a campaign: reach across, engagement up.
6
Quarter
Signups
Growth
Q1
1,204
β
Q2
3,880
+222%
Q3
9,140
+136%
Q4
21,500
+135%
00%5,00050%10,000100%15,000150%20,000200%25,000250%GrowthQ1Q3
Edit the table β bars and the growth line track it, live.
7
020406080100JanFebMarAprMayJunJulAugSepOctNovDec
8
Drawn with the on-canvas path editor β drag the anchors and the loop follows.
9
Every scene is an ordinary slide β arrange elements, link a button, done.
scene 02
Every scene is an ordinary slide β arrange elements, link a button, done.
scene 03
Every scene is an ordinary slide β arrange elements, link a button, done.
10
Point, and the room dims.
Send it, archive it, open it in ten years. The runtime is pinned inside, so it never rots.
Slides share elements by id; transitions animate the difference. States and links make it interactive.
Charts present as real instances β tooltips, zoom, and data that morphs between states.
Hover the cards β it works right now, while presenting.
11
Type markdown, get typography.
**instant** *formatting*
- bullets as you type
`code` and ~~strike~~
instant formatting
β’Β bullets as you type
code and
strike
12
Press Esc β this deck is already your copy of the editor.