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 :>) )

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)

Hyeon Hong • Jun 20 '21

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

Alex Suarez • Oct 22 '21

Thanks @hyeonhong hope this helps you!

Hamad Bakeel • Oct 13 '23

I was super helpful, thanks for your efforts.

Visual Regression Testing Using Playwright

Steve Wortham - Nov 5

Unveiling CLIP with Sparse Concept Vectors: Boosting AI Interpretability

Mike Young - Nov 5

Flexible Language Models Adapt with Memory and Amortization

Mike Young - Nov 5

LLM-powered end-to-end self-retrieval: Unified information retrieval with one large language model

Mike Young - Nov 5

DEV Community

Animated Sidebar and Modal with Framer Motion

Top comments (3)

Read next

Visual Regression Testing Using Playwright

Unveiling CLIP with Sparse Concept Vectors: Boosting AI Interpretability

Flexible Language Models Adapt with Memory and Amortization

LLM-powered end-to-end self-retrieval: Unified information retrieval with one large language model