Skip to content
Back to the feed
0:000:00
Rank#194
Motion

Claude generates motion graphics in three steps

Charlie Hills (@charliejhills) posted this GIF on X on , and it went viral the same day. It has 1,260 likes and 39 replies, ranking #194 of 226 viral design posts on ViralPost.

CH

Charlie Hills

@charliejhills

Open on X

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: charliehills.substack.com/p/opus-55-motion-graphics Repost ♻️ to help someone in your network.

Why it went viral

A designer shares a three-step method for using Claude Code to build 16 motion graphics as HTML and SVG, with downloadable files linked in the post.

Likes
1,2601.3K
Replies
39
Went viral
Posted on X
Motion#claude-code#motion-graphics#svg

The digest

Get posts like this in your inbox every morning.

Get Pro

More like this

All viral Motion posts

Pro unlocks every post like this one, the full archive and a digest in your inbox each morning.

on a yearly subscription

Pro

For individual designers and freelancers.

$10per monthbilled yearly
  • Every viral post, ranked
  • The full archive
  • The digest at 8:00 your time
  • Daily or weekly delivery
  • Designer filter
  • Unlimited search
  • Early access to new formats

Team

Recommended

For design teams, studios and agencies.

$5per member/monthbilled yearly, min 3 seats

Everything in Pro plus

  • Invite your teammates
  • One shared digest for the team
  • Team management
  • Centralized billing and invoices
  • Priority support
  • An onboarding call for your team