Framer Motion
Simple and powerful animation library for React components.
Animation and motion npm MIT
Used in agent projects
1,703
13.4% of 12,697 public repos built with AI coding agents
Rank in animation and motion
#1 of 28
by use in those projects
Downloads
50.1M
npm, last 7 days, framer-motion
GitHub stars
33.9K
last push Oct 9, 2026
How Framer Motion is used
Framer Motion is a dependency in 1,703 of the 12,697 public GitHub projects set up for AI coding agents that we scanned (13.4%), #1 of 28 in animation and motion. The most used alternative there is Tailwind CSS Animate. Projects that use it most often also use React (95.7%), Tailwind CSS (84.4%), Lucide React (62.4%). It is more common in projects set up for Roo Code (15.9%) than for OpenAI Codex (6.2%).
Often used with Framer Motion
| React | 95.7% of Framer Motion projects · 2.2× more than average |
|---|---|
| Tailwind CSS | 84.4% of Framer Motion projects · 2.4× more than average |
| Lucide React | 62.4% of Framer Motion projects · 3.1× more than average |
| clsx | 54.5% of Framer Motion projects · 3.1× more than average |
| Tailwind Merge | 52.0% of Framer Motion projects · 3.1× more than average |
| React Three Fiber | 54.4% of Framer Motion projects · 2.9× more than average |
| Three.js | 53.4% of Framer Motion projects · 2.9× more than average |
| Next.js | 57.8% of Framer Motion projects · 2.6× more than average |
By coding agent
| Claude Code | 9.8% of projects set up for it |
|---|---|
| Cursor | 11.1% of projects set up for it |
| GitHub Copilot | 8.1% of projects set up for it |
| Devin Desktop | 15.3% of projects set up for it |
| Gemini CLI | 8.2% of projects set up for it |
| OpenAI Codex | 6.2% of projects set up for it |
| Kiro | 13.0% of projects set up for it |
| Roo Code | 15.9% of projects set up for it |
Share of public repos configured for each agent that list Framer Motion as a dependency.
Install
| Package | npm install framer-motion |
|---|---|
| Main stacks | Next.js (961), TypeScript / JavaScript (694), Python (29), PHP (10) |
| Example projects | ding113/claude-code-hub, veithly/BountyBoard, NeurProjects/neur-app, PageAI-Pro/vibe-coding-starter, inboundemail/inbound |
Alternatives to Framer Motion
| Tool | Used in agent projects | Downloads / wk | GitHub stars | License |
|---|---|---|---|---|
| Tailwind CSS Animate npm Tailwind CSS plugin adding ready-to-use animation utilities. |
945 (7.4%) | 20.4M | — | MIT |
| tw-animate-css npm Tailwind CSS v4.0 compatible animation plugin replacement. |
851 (6.7%) | 39.6M | 806 | MIT |
| Embla Carousel npm Lightweight carousel component with fluid motion and precise swipe handling for React. |
605 (4.8%) | 30.4M | 8,439 | MIT |
| GSAP npm Professional animation library for high-performance CSS, SVG, canvas and React animations. |
599 (4.7%) | 5.9M | 29K | Standard 'no charge' license: https://gsap.com/standard-license. |
| Motion npm Animation library for JavaScript and React with simple, powerful motion primitives. |
416 (3.3%) | 24.4M | 33.9K | MIT |
| Lenis npm Smooth scrolling library that enhances page scroll experiences with physics-based animations. |
193 (1.5%) | 1.8M | 16.3K | MIT |
| React Native Reanimated npm High-performance animation library for React Native with worklet support. |
129 (1.0%) | 9.3M | 11K | MIT |
| canvas-confetti npm Performant confetti animation library for creating celebratory effects in browsers. |
103 (0.8%) | 8.5M | 12.8K | ISC |