Learn how to create stunning CSS animations with or without AI.
Claude animation prompts, counted: we compared the big collections on 19 October 2026. Ours is the largest, and our own prompts each come with a video.
Animation inspiration you can watch: one endless board of motion, made for you and Claude, a page for every style, and 12 pieces with their prompts.
Motion design ideas you can make this week: 40 projects for launches, titles, data, explainers, brand, social and games, each linked to a free prompt.
Motion graphics prompts that work have five parts: inputs, direction, structure, build and check. The anatomy, real excerpts and free CC0 prompts to copy.
Hundreds of motion design animations made with Claude on one board you drag in any direction. How to browse it, and how to turn what you find into a prompt.
We collected 217 prompts people used to make motion design with Claude. Most are one sentence and lean on hype. Here's what the best ones specify instead, with examples.
A plain walkthrough: set up Claude Code, pick HTML, Remotion or three.js, write the prompt, fix what comes back, and export an MP4. No After Effects.
One sentence produced dozens of viral Opus 5.5 showreels. Why it works, where it falls short, and three rewrites that get you something you can actually use.
How to get a usable 30-second launch video out of Claude: what to attach, how to structure the prompt, and the five beats every launch video needs.
Logo reveals are the easiest motion piece to get right with AI. The prompt that works, a pure CSS and SVG reveal you can paste today, and how to export it.
Kinetic type is the most common thing people ask AI to animate, and the easiest to get wrong. What to put in the prompt, plus CSS you can use directly.
AI gets you a first cut. Here's how to fix its timing, easing and pacing, then render HTML or Remotion animations to a clean MP4 with ffmpeg.