Frontend UX/UI

Hero Animation

This animation was a concept produced by designers at our agency for a landing page unveiling a new online startup community for students. It used timers, React state, and the Animate on Scroll (AOS) library to handle transitions between frames, providing fine-grained control over timing and animation logic. An issue with an 8-second animation delay was solved using sessionStorage and React state to ensure the animation played only once per browser session.

Technologies used

• React
• GSAP
• JavaScript
• Tailwind CSS
• Next.js