Andrei Zgirvaci
Andrei's Zgirvaci - Blog

Andrei's Zgirvaci - Blog

Adding animations to my portfolio using headlessui ✍️

Andrei Zgirvaci's photo
Andrei Zgirvaci
·Mar 4, 2021·

1 min read

Subscribe to my newsletter and never miss my upcoming articles

Play this article

Today, I worked on adding transitions for my portfolio using headlessui.

It wasn't easy figuring out as I had some problems trying to animate absolute elements, but in the end it worked out pretty well... Until I checked my published website.

It turns out, the onPageLoad transitions don't work properly with Next.js. It does work in development mode however...

Currently there is an open issue on github where this problem is discussed. Hopefully this gets fixed soon. But, most probably I will have to move to another library, perhaps framer-motion 🤔

p.s 🤫 I recently started a podcast called The Anxious Developer where I share my knowledge on how to reduce your stress, become more present and productive as a Developer. I would love to hear your thoughts on it! 😊

Remember, you are worthy, you are loved and you matter! Have a great day! ❤️

Share this