Motion
A modern animation library for React and JavaScript that simplifies the implementation of dynamic animations and transitions.
There are 8 open-source alternatives to react-spring in this directory. The most popular is Motion with 31.5k GitHub stars, followed by AutoAnimate(13.8k stars). All are open source, free to use, and many can be self-hosted.
| # | 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 | 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 |
| 3 | React Native Reanimated A powerful and flexible library for animations in React Native, reimagined to provide improved performance and usability. | 10.8k | TypeScript | MIT License |
| 4 | Vaul A versatile drawer component for React applications, providing seamless integration and user-friendly functionality. | 8.3k | 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 | Moti Moti is a powerful animation library for React Native and web, leveraging Reanimated 3 to create smooth animations effortlessly. | 4.5k | TypeScript | MIT License |
| 7 | React-parallax-tilt Easily apply tilt hover effect to React components with this lightweight library that has zero dependencies and a small footprint of just 3kB. | 1.1k | TypeScript | MIT License |
| 8 | React-interactive Enhance user interactions in React components with improved hover, active, and focus states beyond standard CSS pseudo-classes. Includes callback support for state changes. | 167 | TypeScript | MIT License |
A modern animation library for React and JavaScript that simplifies the implementation of dynamic animations and transitions.
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.
A powerful and flexible library for animations in React Native, reimagined to provide improved performance and usability.
A versatile drawer component for React applications, providing seamless integration and user-friendly functionality.
An animated number component for popular frontend frameworks including React, Vue, Svelte, and JavaScript/TypeScript for enhanced UI experiences.
Moti is a powerful animation library for React Native and web, leveraging Reanimated 3 to create smooth animations effortlessly.
Easily apply tilt hover effect to React components with this lightweight library that has zero dependencies and a small footprint of just 3kB.
Enhance user interactions in React components with improved hover, active, and focus states beyond standard CSS pseudo-classes. Includes callback support for state changes.
The top three are Motion(31.5k stars), AutoAnimate(13.8k stars), React Native Reanimated(10.8k stars). All are open source and free to use.
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.
Many of the alternatives listed are self-hostable. Each tool's page lists hosting details, system requirements, and licensing terms.
Get notified about new tools and updates to existing ones.