Tag Archives: Motion

Pinterest like button interaction animation using React + Framer motion – React Dev Feed

Pinterest like button interaction animation using React + Framer motion Live site Repo When I noticed this UI button interaction, I was like npx create-react-app Enter fullscreen mode Exit fullscreen mode npm install framer-motion Enter fullscreen mode Exit fullscreen mode Now everything is ready. This is how we’re going to achieve this effect…! HTML STRUCTURE…

Read More

How to create a zoom transition animation effect using React & Framer Motion? – Learn from Tutorial

How to create a zoom transition animation effect using React & Framer Motion? Interruption in the user’s experience while navigating between pages can often lead to them going off the website. We could improve on that by adding page transitions in our web application which could lead to an uninterrupted experience for the user. This…

Read More

Animating Next.js page transitions with Framer Motion – React Dev Feed

Animating Next.js page transitions with Framer Motion A few months ago I rebuilt my Dev.to powered Next.js website from scratch. While building it, I decided adding animations would bring its simple design to life. Previously, I’d used CSS transitions and JavaScript to achieve animations on a webpage. This time I wanted to use an animation…

Read More