Mohito Website

This is a cocktail website with smooth animations. This is my first project which uses GSAP. This project will help me learn more about gsap timeline, scroll animations and overall animation. This project has two sections and user can scroll from …

Demo Repository

Sam shipped Mohito Website

3 months ago

Shipped this project!

Hours: 2.04

Cookies: 🍪 10

Multiplier: 4.95 cookies/hr

I’ve worked on a cocktail website that has smooth animations and parallax effects . The website uses GSAP for the animations. If the owner of the website want’s to change the details they can easily do that in the index.js in constants folder.

My learnings from this project:-

GSAP timelines and sequencing
Spliting Text
Scroll-based animations
Better control over UI motion
Thinking about animation as part of UX, not decoration

Sam worked on Mohito Website

3 months ago

0h 17m logged

I have updated the readme file. You can now read the readme file. You can check out the website.

Sam worked on Mohito Website

3 months ago

0h 28m logged

Fixed an issue with the mobile device. The video wasn’t going all the way down in the mobile view. It took longer than expected to fix this issue. Now I’m ending this project and gonna start on a new one.

Sam worked on Mohito Website

3 months ago

1h 7m logged

Just added the cocktails section where you can see the most popular and loved cocktails. Also added leaves at the bottom with animations with animations for a jungle like vibe.

Sam worked on Mohito Website

3 months ago

0h 26m logged

Added the main video in my website. It animates with scroll and just looks amazing. Next i am going to work on the cocktails section.

Sam worked on Mohito Website

3 months ago

I’m currently following a tutorial on YouTube. I have created the hero section with navbar and text but there’s still more to add. I am hope to learn a decent about gsap with this project

0 Followers

Shipped this project!