help with full page loader
hello there, i would like to know how I can implement the full page loader you can see in websites like this: https://v4.brittanychiang.com/
in NextJS, using Tailwind
additionally, is there a way to use this in page transitions?
1 Reply
First of all: don't build a fake loading animation. Good god that's annoying. Ux nightmare. Putting in effort just to make a worse experience
But to answer your question, you really just need a fullscreen div that blocks the whole screen for a few seconds. You're using sophisticated tooling so i assumr you're not a beginner. If you are, i really wouldnt recommend using next and tailwind. Learn the basics first.
The animation could be a css animation that animates a radial gradient masked by a clip path