Astro, GSAP, TailwindCSS, Animations
Zeuss — Animated Beauty Products Website
A frontend for Zeuss — a hair, skin, and body products platform — built with Astro, TailwindCSS, and GSAP animations including scroll effects, hero transitions, and a product slider.
Features
Scroll-Triggered Animations
GSAP ScrollTrigger drives dynamic visual transitions as users scroll through the page.
Hero Section Animations
Smooth animations trigger on page load via GSAP, creating a premium first impression.
Text Effects
GSAP SplitText plugin adds motion to headlines and content sections.
Product Slider
Responsive horizontal slider built with Swiper.js for seamless product browsing across devices.
In Action
Testosterone cream product page
TRT for him service page
My Role
I was brought in as the sole developer from my company to implement specific frontend features — scroll animations, hero transitions, text effects, and the product slider — alongside the client's existing development team.
Tech Stack
Outcome
Live at getzeuss.com.