When it comes to modern web design, animation has become more than just an enhancement — it’s a language of its own. Among the tools leading this evolution, GSAP (GreenSock Animation Platform) stands out as the gold standard for creating smooth, high-performance, and captivating motion on the web.
In this feature, we’ve handpicked 10 award-winning websites that showcase GSAP at its best. These projects aren’t just technically impressive — they set the bar for creativity and innovation, redefining what’s possible with interactive design.
Crafted by some of the world’s top designers, these sites prove that GSAP isn’t just a tool; it’s a creative playground where design meets precision engineering. If you’re looking for inspiration from the very best, you’ve found it.
1. Ion X1
About:
EXP by Lusion is a cutting-edge interactive experience showcasing immersive 3D visuals and experimental web design.
Tags:
Art & Illustration Design Agencies Games & Entertainment Promotional 3D Animation on scroll Custom cursor Dark Fullscreen Interactive animation Interactive Design Intro animation Liquid Microinteractions Sound-Audio Storytelling Text animation Transitions Typography Unusual Navigation Anime.js Font Awesome GSAP Animation Javascript Lenis Locomotive Scroll React Sass Three.js Vercel WebGL
2. Laser by Sony Music
Laser by Sony Music by Lama Lama from Netherlands
About:
Laser by Sony Music is a progressive music label empowering artists with autonomy and creativity at its core.
Tags:
Music & Sound Promotional Services Animation on scroll Clean Creative Menu Custom cursor Dark Interactive Design Intro animation Landing Page Minimal Sound-Audio Storytelling Text animation Typography Font Awesome Google Font API GSAP Animation Javascript Locomotive Scroll Open Graph PHP Webflow
3. WHITEOUTWORKS
WHITEOUTWORKS by Supplement from Japan
About:
Aichi, Nagoya, store, house, architecture, commercial architecture, design, spatial art direction, project management, Whiteout Maeda Yoshinori, Maeda Yoshinori
Tags:
Architecture Real Estate Clean Header Design Interactive animation Interactive Design Interactive header Landing Page Minimal Text animation Typography Apache Emotion GSAP Animation Next.js Open Graph PWA React Webpack
4. Atelier Nova
Atelier Nova by bebold from Swaziland
About:
Atelier Nova is a Zurich-based interior architecture and design studio specializing in bespoke, high-end residential and commercial spaces.
Tags:
Architecture Design Agencies Solo Portfolio About Page Animation on scroll Clean Contact Page Cookie message Creative Menu Footer Design Fullscreen Gallery Header Design Interactive Design Microinteractions Minimal Project Page Typography Font Awesome Google Font API GSAP Animation Javascript jQuery MySQL Open Graph PHP SVG Wordpress
5. PlusX Official Website
PlusX Official Website by Plus X from South Korea
About:
PLUS EX Inc. is a Japanese design and production agency specializing in spatial design, digital media, and experiential branding.
Tags:
Agency Portfolio Art & Illustration Design Agencies Events About Page Animation on scroll Contact Page Creative Menu Custom cursor Footer Design Fullscreen Gallery Interactive animation Interactive Design Intro animation Minimal Project Page Transitions Typography Font Awesome Google Font API GSAP Animation Javascript jQuery Open Graph PHP SVG WebGL
6. HPTX
HPTX by Victor Gubanov from Portugal
About:
HPTX is a multimedia studio that creates contemporary art through technology. The client wanted to update the current site. The main problem was that the site was overloaded, the information was irrelevant and did not fully reflect the studio’s activities, and it did not stand out at all among competitors.
As a result, we expanded the company’s guideline, put together a website that is memorable and stands out from the competition. The user is now greeted with funny 3D objects that demonstrate the capabilities of hptx.
Tags:
Agency Portfolio Art & Illustration Design Agencies Startups Technology 404 pages Animation on scroll Clean Colorful Creative Menu Custom cursor Footer Design Graphic design Interactive Design Interactive header Intro animation Landing Page Minimal Product page Project Page Storytelling Text animation Typography BARBA.js Framer Google Font API GSAP Animation Javascript Lenis Locomotive Scroll Open Graph Three.js Webflow WebGL Wordpress
7. ProVoke
ProVoke by Bettr from Lithuania
About:
ProVoke is a Zurich and New York-based creative agency that blends strategic insight with exceptional design to bring brands to life.
Tags:
Agency Portfolio Business Design Agencies Services Startups About Page Animation on scroll Clean Contact Page Custom cursor Dark Fullscreen Graphic design Header Design Intro animation Minimal Project Page Storytelling Typography Unusual Navigation Framer Framer Motion Google Font API GSAP Animation Javascript Lenis Lottie Open Graph React SVG Tailwind CSS Typescript Vercel WebGL
8. Republik
About:
Republik is Canada’s largest responsible creative agency, specializing in blending sustainability with marketing to drive both commercial success and positive socio-environmental impact.
Tags:
Agency Portfolio Business Design Agencies Social responsibility About Page Animation on scroll Clean Contact Page Cookie message Creative Menu Dark Footer Design Fullscreen Gallery Graphic design Header Design Interactive Design Landing Page Minimal Project Page Storytelling Typography Unusual Navigation Adobe Illustrator Adobe Photoshop Google Font API GSAP Animation Javascript jQuery Lottie Open Graph PHP SVG Webflow WebGL Wordpress
9. Heure Bleue
Heure Bleue by pam from France
About:
Creative Studio. Photography & video.
Tags:
Art & Illustration Fashion Film & TV Photography Solo Portfolio About Page Animation on scroll Clean Colorful Custom cursor Dark Fullscreen Gallery Interactive Design Landing Page Minimal Photo & Video Project Page Transitions Typography Font Awesome Google Font API GSAP Animation Javascript Lenis Lottie Open Graph Webflow
10. Royal Beverage
Royal Beverage by Clleancode from Kosovo
About:
A bold, full-screen experience blending elegant textures, fluid SVG animations, and smooth transitions — designed to reflect the premium essence of Royal Beverage.
Tags:
Business Design Food & Drink Products 404 pages About Page Animation on scroll Button Clean Colorful Creative Menu Footer Design Fullscreen Gallery Graphic design Header Design Horizontal Menu Interactive animation Interactive Design Interactive header Intro animation Liquid Product page Text animation Typography CSS GSAP Animation HTML Javascript Lenis SVG Wordpress
