DotLottie React
React component for rendering interactive Lottie animations from JSON files.
Animation and motion npm MIT
Used in agent projects
21
0.2% of 12,697 public repos built with AI coding agents
Rank in animation and motion
#25 of 28
by use in those projects
Downloads
1.4M
npm, last 7 days, @lottiefiles/dotlottie-react
GitHub stars
892
last push Oct 7, 2026
How DotLottie React is used
DotLottie React is a dependency in 21 of the 12,697 public GitHub projects set up for AI coding agents that we scanned (0.2%), #25 of 28 in animation and motion. The most used alternative there is Framer Motion. Projects that use it most often also use Framer Motion (71.4%), Next.js (76.2%), Tailwind CSS (95.2%).
Often used with DotLottie React
| Framer Motion | 71.4% of DotLottie React projects · 5.3× more than average |
|---|---|
| Next.js | 76.2% of DotLottie React projects · 3.4× more than average |
| Tailwind CSS | 95.2% of DotLottie React projects · 2.7× more than average |
| ESLint | 95.2% of DotLottie React projects · 2.5× more than average |
| React | 100.0% of DotLottie React projects · 2.3× more than average |
| React Icons | 57.1% of DotLottie React projects · 10.5× more than average |
| Three.js | 61.9% of DotLottie React projects · 3.4× more than average |
| Axios | 42.9% of DotLottie React projects · 4.3× more than average |
By coding agent
| Cursor | 0.2% of projects set up for it |
|---|---|
| Claude Code | 0.1% of projects set up for it |
Share of public repos configured for each agent that list DotLottie React as a dependency.
Install
| Package | npm install @lottiefiles/dotlottie-react |
|---|---|
| Packages counted | @lottiefiles/dotlottie-react, @lottiefiles/react-lottie-player, @lottiefiles/dotlottie-web, @lottiefiles/lottie-interactivity |
| Main stacks | Next.js (14), TypeScript / JavaScript (7) |
| Example projects | Midhun-git-hub/React-Research-lab, LiamVisionary/hivemindos, Ge0frey/chainprobe, rr3s1/portfolio-v2, coinwala/wallet |
Alternatives to DotLottie React
| Tool | Used in agent projects | Downloads / wk | GitHub stars | License |
|---|---|---|---|---|
| Framer Motion npm Simple and powerful animation library for React components. |
1,703 (13.4%) | 50.1M | 33.9K | MIT |
| 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 |