Hover Parallax Animation using React, TypeScript TailwindCSS and GSAP

dindustack

Chinwendu Agbaetuo

Posted on May 22, 2023

Hover Parallax Animation using React, TypeScript TailwindCSS and GSAP

Creative web development is one of my favourite things to do as a frontend engineer. I came across this tutorial below which was written in Vue.js and I decided to write mine in React using Next.js framework.

Project Setup

Read more about it here

npx create-next-app@latest hover-parallax-animation
Enter fullscreen mode Exit fullscreen mode

Next.js 13 comes with tailwindCSS installed automatically. Check it out here

Final Work

Check it out here

💖 💪 🙅 🚩
dindustack
Chinwendu Agbaetuo

Posted on May 22, 2023

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related