Top 12 Open-Source Alternatives to Framer Motion

Product categories

2D Animation Animation Art Tools CSS Framework Design Tools Developer Tools JavaScript Framework Javascript UI Libraries Productivity React React Components Website Design

Summary

The top open-source alternatives to Framer Motion are Tailwind CSS, GSAP, and Haiku Animator. One of the criteria for ordering this list is the number of mentions that products have on reliable external sources. You can suggest additional sources through the form here.

Tailwind CSS Landing Page
1

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
#Developer Tools #Design Tools #Website Design 868 social mentions
GSAP Landing Page
2

GSAP

GSAP (GreenSock Animation Platform) is a suite of JavaScript tools for high-performance animations that work in all major browsers.
Pricing:
- Open Source
- Freemium
- Free Trial
- $99.0 / Annually
#Javascript UI Libraries #Charting Libraries #Animation 72 social mentions
Haiku Animator Landing Page
3

Haiku Animator

Create powerful animations for any app or website
Pricing:
- Open Source
#Animation #2D Animation #Photo & Video
React Transition Group Landing Page
4

React Transition Group

React Transition Group exposes transition stages, manages classes and group elements and manipulates the DOM in useful ways, making the implementation of actual visual transitions much easier.
Pricing:
- Open Source
#Developer Tools #Animation #React 4 social mentions
Remotion.dev Landing Page
5

Remotion.dev

Create MP4 motion graphics in React. Leverage CSS, SVG, WebGL and more technologies to render videos programmatically!
Pricing:
- Open Source
#Developer Tools #Animation #React 4 social mentions
Bootstrap Landing Page
6

Bootstrap

Simple and flexible HTML, CSS, and JS for popular UI components and interactions
Pricing:
- Open Source
#CSS Framework #Development Tools #Design Tools 326 social mentions
React Move Landing Page
7

React Move

Beautiful, data-driven animations for React
Pricing:
- Open Source
#Developer Tools #Animation #React 1 social mentions
React Landing Page
8

React

A JavaScript library for building user interfaces
Pricing:
- Open Source
#Javascript UI Libraries #JS Library #JavaScript Framework 775 social mentions
React Spring Landing Page
9

React Spring

Bring your components to life with simple spring animation primitives for React
Pricing:
- Open Source
#Developer Tools #Animation #React
React Awesome Reveal Landing Page
10

React Awesome Reveal

Add revealing animations to your React app with ease
Pricing:
- Open Source
#Developer Tools #Animation #React 1 social mentions
Atomize React Landing Page
11

Atomize React

An open source design system for ReactJS
Pricing:
- Open Source
#Design Tools #Developer Tools #Productivity
Next.js Landing Page
12

Next.js

A small framework for server-rendered universal JavaScript apps
Pricing:
- Open Source
#Developer Tools #Web Frameworks #JavaScript Framework 923 social mentions