What are the best alternatives to framer-motion?

The best alternatives to framer-motion are: motion, @react-spring/web, gsap, auto-animate, @formkit/auto-animate. Framer Motion is powerful but adds ~50kB to your bundle. For simpler animations, lighter alternatives can achieve the same result with less weight.

Animation LibraryCompare in npm Trends

Best Alternatives to framer-motion

Production-ready motion library for React

Why look for an alternative?

Framer Motion is powerful but adds ~50kB to your bundle. For simpler animations, lighter alternatives can achieve the same result with less weight.

Current

framer-motion

v12.38.0 · MIT

A simple and powerful JavaScript animation library

Weekly Downloads

39.2M

Bundle (gzip)

57.7 kB

motion

v12.38.0 · MIT

Framer Motion's own lightweight library — 5kB vs 50kB for simple animations

Weekly Downloads

11.2M

Bundle (gzip)

41.6 kB

ESMTypeScriptTree-shakeableLightweightActively maintained

@react-spring/web

v10.0.3 · MIT

Spring physics-based animations — great for natural, gesture-driven motion

Weekly Downloads

4.5M

Bundle (gzip)

18.9 kB

TypeScriptESM

gsap

v3.15.0 · Standard 'no charge' license: https://gsap.com/standard-license.

Most powerful animation library — industry standard for complex sequences

Weekly Downloads

2.2M

Bundle (gzip)

26.6 kB

UniversalBrowserTypeScript

@formkit/auto-animate

v0.9.0 · MIT

Drop-in auto-animate for React, Vue and vanilla JS

Weekly Downloads

787K

Bundle (gzip)

—

ESMTypeScriptZero deps

auto-animate

Zero-config — add one line and get automatic transition animations

Weekly Downloads

—

Bundle (gzip)

—

ESMTypeScriptZero depsLightweight

Compare download trends in npm Trends →

See the Full Download History

Compare framer-motion and its alternatives side by side with download trends over time.

Open in npm Trends