DEV Community

Cover image for Why you should use Framer Motion

Why you should use Framer Motion

Esaú Morais on September 29, 2020

What is Framer Motion? Think of Framer Motion as more of an improvement or reinvention of an existing animation library than a brand new...
Collapse
 
pedropalhari profile image
Pedro Palhari • Edited

I just want to point out, use the preferred layout prop. The Framer guys are focusing heavily on it and it's likely that the animate prop will be just for controlled animations using the hook useAnimation.

It's almost the same mentality, but you change the style directly and let framer-motion solve the animation for you.

Nevertheless, good article, one of the only reasons I stay in React is framer-motion and jotai.

Collapse
 
emmorais profile image
Esaú Morais • Edited

Thank you for noticing!! Really good and important to know this

Collapse
 
ivan_jrmc profile image
Ivan Jeremic • Edited

I like the Frame API but they need to improve the performance React-Spring feels less laggy and the animations also look more realistic, if they can catch up in this 2 fields Framer is my first choice.

Collapse
 
emmorais profile image
Esaú Morais

Yes, I agree with you

Collapse
 
rsm0128 profile image
Info Comment hidden by post author - thread only accessible via permalink
Web Expert 1102

Hello Moralis.
I want to make a establish with you on skype as a react developer.
My skype name is freeeup.XueZhe-pan. Please contact me asap. thanks

Collapse
 
dsaw profile image
Devesh Sawant

I came upon a few animation libraries in React, specially the spring based ones and am wanting to use them. Thanks for the article on framer motion.

Collapse
 
ronaldohoch profile image
Ronaldo Hoch

Does it have a Vanilla or Angular library?

Collapse
 
emmorais profile image
Esaú Morais

framer-motion, as in the documentation, was created focusing on React

Collapse
 
mohdahmad1 profile image
Mohd Ahmad

is there an alternative of framer-motion for vue

I just love framer-motion

Collapse
 
emmorais profile image
Esaú Morais • Edited

I don't really use Vue.js, but I was searching and found this:

Gsap is a good alternative. But i'm with you that the api of popmotion or react-spring are much more use full.

There is one thing that i found out lately is that 'Enter/Leave & List Transitions' can call javascript functions instead of changing css styles. With this method you can easily animate with gsap.

vuejs.org/v2/guide/transitions.htm...

Collapse
 
vinksz profile image
vinksz

@vueuse/motion

Some comments have been hidden by the post's author - find out more