DEV Community

Cover image for Animated Sidebar and Modal with Framer Motion
Alex Suarez
Alex Suarez

Posted on

Animated Sidebar and Modal with Framer Motion

So, do you ever wanted to do something like this, but in a few lines of code, without CSS, with transitions that feel natural and smooth??? (sorry this is gif :>) )

Alt Text

Well, you totally can ... With Framer Motion!

Enjoy

https://codesandbox.io/s/framer-motion-tutorial-rf6j2

PS: This is by far my shorter article in DEV, hope it can be useful for your next project.

Top comments (3)

Collapse
 
hyeonhong profile image
Hyeon Hong

I've been looking for this. Really appreciate it!

Collapse
 
alexandprivate profile image
Alex Suarez

Thanks @hyeonhong hope this helps you!

Collapse
 
hamadbakeel profile image
Hamad Bakeel

I was super helpful, thanks for your efforts.