auto-animate
A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.
TL;DR · 30-second scan
auto-animate (TypeScript) — A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.
You want auto-animations on lists/grids without any animation code.
Animation & Motion
Add a `data-auto-animate` attribute, get smooth list animations automatically. ~11k stars. The simplest animation tool in JS — one line of code.
You want auto-animations on lists/grids without any animation code.
You need control over individual transitions — Framer Motion.
Add this badge to your README to show your project is curated on StackPicks. Free, lightweight (180×28 SVG), and gives your visitors a one-click way to see honest take + alternatives.
[](https://stackpicks.dev/repo/formkit-auto-animate)
<a href="https://stackpicks.dev/repo/formkit-auto-animate"><img src="https://stackpicks.dev/api/badge/formkit-auto-animate" alt="Featured on StackPicks" width="180" height="28" /></a>
Are you the maintainer of formkit/auto-animate? Add the badge and we'll feature your project in the next weekly newsletter (~2,000 builders).