Sixteen UI motion studies laid out in a four-by-four grid
135.1K views·1.2K likes·1.8K saves·159 reposts·Posted 26 Sept 2026 · 0:00 · Motion Graphics
Our note
A grid of 16 looping motion graphics — chart morphs, elastic type, a magnetic dock, a particle logo — made in Claude Code by asking for HTML and SVG and refining round by round.
The creator’s post
Claude Opus 5.5 can (finally) generate motion graphics 16 motion graphics in Claude Code (my 3 steps): 1. Pick one motion, like a chart that morphs. 2. Show Claude a reference and name every state. 3. Ask for HTML and SVG, then fix it round by round. Download them all here: https://charliehills.substack.com/p/opus-55-motion-graphics Repost ♻️ to help someone in your network.
The prompt
The creator didn’t publish a prompt for this one. Start from the prompt template instead.
Make one like this
1 · Start from a template
This creator didn't share a prompt. Start from the template and describe this video's look.
2 · Direct it like an editor
Ask for one self-contained HTML file on a fixed 1920×1080 stage, link this video as the reference, and send two or three rounds of specific notes.
3 · Render it to MP4
Screen-record a short piece, or capture it frame by frame for exact timing. How →
How it was made
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 →
Look
Views as of collection. Video, post and prompt © their creator.
Create with Zryth