AI CSS Animations

From the blog

Learn how to create stunning CSS animations with or without AI.

AI motion design

The Biggest Library of Claude Animation Prompts (We Counted)

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: An Endless Board and 12 Pieces to Study

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: 40 Projects and the Prompts That Make Them

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: The Anatomy That Works, With Free Ones

Motion graphics prompts that work have five parts: inputs, direction, structure, build and check. The anatomy, real excerpts and free CC0 prompts to copy.

Motion Design Inspiration: Hundreds of Animations Made With Claude on One Endless Board

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.

AI Motion Design Prompts: What 217 Real Prompts Get Right and Wrong

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.

How to Make Motion Graphics With Claude, Start to Finish

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.

The Motion Designer Showreel Prompt, Explained (and How to Beat It)

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.

AI Product Launch Videos: A Prompt Template That Holds Up

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 Reveal Animation With AI: Prompts, Code and Export

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 Typography With AI: Prompts and CSS That Don't Look Generated

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.

Editing AI Motion Design and Exporting It to MP4

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.

CSS animation