A scroll animation that shows QuoteKit working. A messy client email is read, the small talk gets crossed out, and each request turns into a line of a fixed-price proposal. Built with GSAP and ScrollTrigger in React.
Been experimenting with this clean SaaS style lately, and I really love how the mix of bold typography, UI elements, and subtle textures comes together.
The goal was to keep it simple, modern, and visually engaging without overcomplicating things. Always love exploring new ways to bring products to life through motion and design. đ
A one-page, fully responsive 3D landing page for a fictional earbuds brand, AURA. Built with HTML, CSS and JavaScript using GSAP ScrollTrigger, Lenis smooth scrolling and Three.js.
Includes:
Animated loading screen and word-by-word text reveals
Interactive 3D orb and 48 floating 3D objects that react to mouse, scroll and sound
Pinned scroll storytelling and a horizontal-scroll specs section
Live synthesised sound demo with an audio visualiser
Colour picker that changes the whole page theme
Custom cursor, magnetic buttons and a light/dark-aware design
Fast, mobile friendly and built without heavy frameworks.