A modern frontend clone of the Awwwards SOTD-winning website Spylt.com — originally designed by Tubik Studio.
Built to demonstrate my skills in React, Tailwind CSS, and GSAP animation, focusing on fluid scroll effects, interactive UI, and responsive design.
🌐 Live Preview: https://spylt-clone-pi.vercel.app/
This project is a frontend clone of Spylt.com, which won Site of the Day (SOTD) on Awwwards.com.
I recreated it to sharpen my animation and modern web development skills — exploring smooth transitions, scroll-based effects, and layout responsiveness.
| Technology | Version | Description |
|---|---|---|
| React | ^19.1.1 | Frontend library for UI components |
| React DOM | ^19.1.1 | DOM bindings for React |
| React Router DOM | ^7.9.3 | Client-side routing |
| React Responsive | ^10.0.1 | Responsive media queries in React |
| Tailwind CSS | ^4.1.13 | Utility-first CSS framework |
| GSAP | ^3.13.0 | Animation library for scroll and transitions |
| @gsap/react | ^2.1.2 | GSAP React integration plugin |
| Remix Icon | ^4.6.0 | Modern icon library |
| Vite | ^7.1.7 | Next-generation frontend build tool |
| vite-plugin-mkcert | ^1.17.8 | Local HTTPS support |
| TypeScript | ~5.8.3 | Type safety for the project |
| ESLint | ^9.36.0 | Code linting and best practices |
git clone https://github.com/ShowravKormokar/SpyltMilk-clone.git
cd SpyltMilk-clone/clientnpm installnpm installnpm run devThe app will run on https://localhost:5173 (with HTTPS if mkcert is configured).
This project is continuously deployed on Vercel . Whenever changes are pushed to the main branch on GitHub, Vercel automatically rebuilds and redeploys the latest version.
🎬 Smooth GSAP scroll-based animations 📱 Fully responsive layout 🎨 Tailwind CSS for fast and clean styling ⚡ Built with Vite for blazing-fast performance 🔄 Continuous deployment via Vercel
This project is for learning and showcase purposes only — not for commercial use. All original design credits go to Tubik Studio and Spylt.com