From our partner: The AI visual builder for Next.js & Tailwind: Generate UI with AI. Customize it with a visual editor.
I love experimenting with irregular layouts. I wanted to try to take this custom “background” grid one level further and add a stack-like navigation effect. I liked how it turned out but there was some Jazz missing. It was calling for some dramatic effect, like a glitch animation! So I added it and it was the missing bit indeed.
So, here it is: a glitchy grid layout slideshow with a magnetic link effect and a quick, stack-like animation when navigating.
Here’s the initial view:
When clicking on one of the navigation buttons, there’s a quick stacking animation:
When hovering over the “Enter” button, a glitch animation happens on all the images and texts. This is how it all comes together:
I really hope this comes in handy as a starting point for your ideas! Let me know what you think @codrops or @crnacura 🙂
