Frame-by-Frame JS Animation by Claude Opus 5.5
Hunter Su
@strawhatsu4 · 499 followersHunter Su (@strawhatsu4) had Claude Opus 5.5 write every single frame of a JavaScript animation from scratch — no animation library, no pre-built renderer, just raw canvas drawing code generated by the model. The result is a fluid, multi-frame sequence that plays back in the browser, proving the model can hold complex visual state across an entire animation pipeline. Over 145K people watched the video demo and couldn't believe it came out of a single AI session.
- Claude Opus 5.5 authored the JavaScript drawing code for every individual frame of the animation
- Runs entirely in the browser with no external animation framework
- Shared as a video demo that racked up 1,517 likes and 145K views on X
“Claude Opus 5.5 drew every frame of this animation in JavaScript”
Similar builds
SS27 Escape Velocity — AI Fashion Lookbook Film
@anabology
♥ 14.5K · 19.3M views
Interactive Camera Lens Lab
@RyanSael
♥ 16K · 3.4M views
Claude's Motion Design Showreel
@stephanlivera
♥ 16.8K · 2.1M views
AI Time Horizon — Animated Data Explainer
@donaldjewkes
♥ 10.2K · 3.5M views
How the Tesla Roadster Can Fly — 3D Visual
@enes_code
♥ 8.4K · 2.5M views
One Shape, 14 UI States — Spring Motion Loop
@twoclipping
♥ 12K · 1M views
Interactive Raptor 3 Rocket Engine Teardown
@konstantinsaifo
♥ 8K · 1.1M views
Pixel Art Neural Network Training Animation
@DotCSV
♥ 9.4K · 571.9K views