A soap bubble drifts over rooftops in a code film
21.9K views · 70 likes · 55 saves · 4 reposts · Posted Sep 26, 2026 · 4:52 · Art
OUR NOTEIRIS, a 4:52 film following a soap bubble through a day and night over seaside rooftops; every pixel and note is generated live by code in one 845 KB HTML file, with no assets or Blender.
It's done! IRIS: a soap bubble's whole life in one day and one night, 4:52. Every pixel and every note is generated live by code in a single 845 KB HTML file. No assets, no Blender.
Deployed here if want to see it:
Sound on, it's pretty soothing (reminds me of lord of the rings somehow haha)
Made from scratch with @claudeai Opus 5.5 on Max
Watch it run live: https://iris-film-sand.vercel.app (desktop recommended)
The prompt is in the attached post if you want it. Plus, I noticed something while working on this, added that in the thread if you want to have a look.
Closing loop on this one now! on to the next experiment :)THE PROMPT
The creator didn't publish a prompt for this one. The post text is below.
MAKE ONE LIKE THIS
Three steps, using what the creators in this index used.- 1 · Copy the prompt
This creator didn't share a prompt. Start from our template instead.
PROMPT TEMPLATE → - 2 · Long piece? Give Claude a framework
- lottieLottie animations generated from prompts or SVGs★ 5.5k
- pixel2motionAnimating static logos into SVG motion★ 2.3k
- gbro-collage-brollPaper-collage B-roll clips from a voiceover line★ 1.3k
- 3 · Render it to MP4
For a longer piece like this one, render with a framework so the timing is exact on every take.
CLAUDE CODE + HYPERFRAMES / REMOTION →
The creator didn't name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4 — how that works.
If you really want to push Opus 5.5 to the absolute limits, then give it this prompt (added in thread) Mine is still cooking, some stills it generated.
Indexed Sep 28, 2026, 8:28 AM · Views as of indexing. Video and post © their creator.