31.5k
Motion
A modern animation library for React and JavaScript that simplifies the implementation of dynamic animations and transitions.
🏃♂️
Animation⚛️
React🟡
JavaScript
6 Open Source Alternatives to Anime.js
There are 6 open-source alternatives to Anime.js in this directory. The most popular is Motion with 31.5k GitHub stars, followed by React-spring(29.1k stars). All are open source, free to use, and many can be self-hosted.
Quick comparison
| # | Tool | Stars | Language | License |
|---|---|---|---|---|
| 1 | Motion A modern animation library for React and JavaScript that simplifies the implementation of dynamic animations and transitions. | 31.5k | TypeScript | MIT License |
| 2 | React-spring A spring physics-based React animation library enabling smooth animations in React. | 29.1k | TypeScript | MIT License |
| 3 | AutoAnimate A zero-config, drop-in animation utility that adds smooth transitions to your web app. It seamlessly integrates with modern JavaScript frameworks like React and Vue. | 13.8k | TypeScript | MIT License |
| 4 | TsParticles tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions, and fireworks animations. Use them as animated backgrounds for websites. Ready to use components for React.js, Vue.js, Angular, Svelte, and more. | 8.8k | TypeScript | MIT License |
| 5 | Number-flow An animated number component for popular frontend frameworks including React, Vue, Svelte, and JavaScript/TypeScript for enhanced UI experiences. | 7.3k | TypeScript | MIT License |
| 6 | Cursify Cursor Animation Library for React & Next.js, enhancing user interaction with creative cursor effects. | 1.9k | TypeScript | — |
All open-source alternatives to Anime.js
29.1k
React-spring
A spring physics-based React animation library enabling smooth animations in React.
🏃♂️
Animation⚛️
React🌐
Web
13.8k
AutoAnimate
A zero-config, drop-in animation utility that adds smooth transitions to your web app. It seamlessly integrates with modern JavaScript frameworks like React and Vue.
🏃♂️
Animation🌐
Web🟡
JavaScript🔨
Utils
8.8k
TsParticles
tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions, and fireworks animations. Use them as animated backgrounds for websites. Ready to use components for React.js, Vue.js, Angular, Svelte, and more.
🏃♂️
Animation🟡
JavaScript🌐
Web📈
Visualization
7.3k
Number-flow
An animated number component for popular frontend frameworks including React, Vue, Svelte, and JavaScript/TypeScript for enhanced UI experiences.
🏃♂️
Animation⚛️
React🟡
JavaScript🛠️
Tools
1.9k
Cursify
Cursor Animation Library for React & Next.js, enhancing user interaction with creative cursor effects.
🏃♂️
Animation⚛️
React🛠️
Tools
Frequently asked questions
What are the best open-source alternatives to Anime.js?
The top three are Motion(31.5k stars), React-spring(29.1k stars), AutoAnimate(13.8k stars). All are open source and free to use.
Are these alternatives to Anime.js free?
Yes. Every tool listed here is open source and free to use in your own projects. Many can be self-hosted on your own infrastructure, which means no subscription fees and full control over your data.
Can I self-host an alternative to Anime.js?
Many of the alternatives listed are self-hostable. Each tool's page lists hosting details, system requirements, and licensing terms.
Stay Updated!
Get notified about new tools and updates to existing ones.