Motion & Web Design
KonaKona Bar
Overview
A modern cocktail bar experience built with React and Tailwind CSS, featuring cinematic GSAP animations, SplitText reveals, scroll-driven triggers, parallax scrolling, and an interactive bespoke carousel.
Crafting Liquid Motion
KonaKona Bar combines sophisticated mixology with fluid web motion design. Using React, Vite, Tailwind CSS, and GreenSock Animation Platform (GSAP), every interaction is tuned for tactile visual feedback.
Architecture Highlights
- ScrollTrigger Choreography: Section pinning and parallax layers synced directly to natural scroll velocity.
- SplitText Typography: Staggered character entrance transitions with bespoke easing curves.
- Mobile First Performance: Hardware-accelerated transforms ensuring stutter-free 60fps animation across devices.
The challenge
Synchronizing complex SplitText typography and timeline animations with smooth 60fps mobile responsiveness.
Project Walkthrough & Explanation Video
To start a project, collaborate, or discuss opportunities, this is the best place to begin
GET IN TOUCH
Tell me a bit about what you're working on or opportunities you have — I'll get back to you promptly