Geometric shapes recreate Apple's 'Wonderful Tools' film
16.6K views · 304 likes · 135 saves · 11 reposts · Posted Sep 25, 2026 · 1:37 · Motion graphics
OUR NOTEFlat black rings and circles glide through a grey column in a recreation of Apple's 'Wonderful Tools' animation, built with HTML, CSS, SVG and JS over many prompts.
I was skeptical about the Opus 5.5 motion graphics hype, so I tried it out.
Recreated Apple's "Wonderful Tools" animation with HTML, CSS, SVG, JS, and a lot of prompts.
Not perfect, but I'm really impressed.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.
Indexed Sep 28, 2026, 8:28 AM · Views as of indexing. Video and post © their creator.