
AutoAnimate
01One line of code that animates list changes for you.
Collection 11 resources
From a one-line list animation to full scroll-driven 3D, in order of effort.
Motion is where agent-built sites most often go wrong, in both directions: nothing moves, or everything does. Start at the top of this list and stop when it feels right. Most products never need to go past the first four.

One line of code that animates list changes for you.

Tasteful animated components for React, built with Motion.

Animated number transitions that make counters, prices and stats feel expensive.

Emil Kowalski's course on making web animation feel right.
The professional-grade animation toolkit, now free including all plugins.

Smooth scrolling that doesn't fight the browser.

Interactive vector animations with state machines, playable in any app.

Three.js as React components, with a huge helper ecosystem.

Slow-moving 3D gradients for React, Framer and Figma that look like expensive motion design.

An animated orb that shows what your AI is doing: listening, thinking, searching, working.

Drop in your logo and get it back as flowing liquid metal, rendered live with shaders.