Mojito Cocktails is a premium, immersive landing page designed for a luxury cocktail brand. Built with React and powered by GSAP, it delivers a silky-smooth scrolling experience (Lenis & ScrollTrigger) that captivates users from the first sip.
The design focuses on elegance, using deep aesthetic tones, custom typography (Modern Negra), and interactive micro-animations to bring the brand to life.
Classic Mojito |
Raspberry Twist |
Violet Breeze |
- 🌊 Fluid Animations: Complex scroll-triggered reveals using GSAP timelines.
- 📱 Fully Responsive: Flawless experience across Desktop, Tablet, and Mobile.
- ⚡ Blazing Fast: Powered by Vite for instant HMR and optimized builds.
- 🎭 Creative Layouts: Unique masking effects and staggered grid layouts.
- 💅 Modern Styling: Utility-first CSS with Tailwind for rapid UI development.
- Frontend Framework: React.js
- Build Tool: Vite
- Styling: Tailwind CSS
- Animations: GSAP (GreenSock)
- Deployment: GitHub Pages
Clone the project and spin it up locally in seconds.
# 1. Clone the repository
git clone https://github.com/bhanu2006-24/gsap-cocktails.git
# 2. Navigate to directory
cd gsap-cocktails
# 3. Install dependencies
npm install
# 4. Start the development server
npm run devThis project is configured for GitHub Pages.
# Build and deploy in one step
npm run deployDistributed under the MIT License. See LICENSE for more information.
Created with ❤️ by Bhanu Pratap Saini
GitHub Profile