Animature is a high-performance, visually immersive frontend project that replicates the award-winning design and animation mechanics of Zentry.
Built with the cutting-edge Next.js 15 and React 19, this project serves as a masterclass in modern web animation. It utilizes GSAP (GreenSock) to orchestrate complex timelines, scroll-triggered effects, and video manipulation, all while maintaining a responsive layout via Tailwind CSS.
Key Features
- Cinematic Hero Section: Complex video masking and transition effects that change dynamically.
- Scroll-Triggered Animations: Elements fade, slide, and morph using GSAP ScrollTrigger for storytelling.
- Interactive Bento Grids: Modern, tilt-enabled card layouts with 3D tactile response.
- Text Reveal Effects: Staggered character animations that bring typography to life.
- Clip-Path Transitions: Advanced CSS geometric transitions between website sections.
- Performance Optimized: Smooth 60fps animations integrated with React 19 Server Components.
Animature bridges the gap between cinematic storytelling and functional web performance, showcasing the power of GSAP in a React 19 environment.