A modern, animation-heavy brand website inspired by Spylt, showcasing production-grade frontend animations, smooth scroll interactions, and clean UI composition.
- Animation-heavy brand website inspired by Spylt
- Built with React + GSAP + ScrollTrigger
- Focused on motion design and scroll storytelling
- Fully responsive and performance-optimized
https://spylt-milk-clone.netlify.app/
Modern product and agency websites rely heavily on motion design and scroll-based storytelling.
This project focuses on visual polish, performance-friendly animations, and component structure, not just static UI.
- React.js
- Tailwind CSS
- GSAP
- GSAP ScrollTrigger
- Smooth scroll-based animations
- Advanced GSAP timelines
- ScrollTrigger-based section transitions
- Clip-path and motion effects
- Fully responsive layout
- Clean component structure
- Optimized animation triggers
- Minimal re-renders
- Lightweight component hierarchy
src/
├── components/
├── sections/
├── hooks/
├── styles/
└── utils/
Not included (UI-focused project)
- Advanced GSAP usage in React
- Scroll-based animation orchestration
- Animation performance optimization
- Structuring large UI-focused React apps
This project is for learning and demonstration purposes.