Invisible Forces: The Making of Phantom.land’s Interactive Grid and 3D Face Particle System
In Articles, by Phantom Studios
Inside Phantom.land’s dynamic grid and volumetric face scans, crafted with React Three Fiber, GLSL shaders, and GSAP.
226 posts tagged with
Coding a 3D Audio Visualizer with Three.js, GSAP & Web Audio API
In Tutorials, by Filip Zrnzevic
A music-driven visualizer where a glowing 3D orb pulses and spikes to the beat while GSAP-draggable panels drift around it with smooth, inertia-powered motion.
Building an Infinite Parallax Grid with GSAP and Seamless Tiling
In Tutorials, by Jorge Toloza
Learn how to create a responsive, infinitely scrolling image grid with parallax motion and staggered text animations using GSAP.
Elastic Grid Scroll: Creating Lag-Based Layout Animations with GSAP ScrollSmoother
In Tutorials, by Manoela Ilic
A scroll effect where each column of a grid moves at a slightly different speed, creating a soft, elastic feel as you scroll.
DICH™ Fashion: A New Era of Futuristic Fashion
In Articles, by Serhii Polyvanyi
How a creative course challenge became a full digital fashion experience, built with Webflow, GSAP, Spline, and a focus on motion and detail. DICH™ is our visual manifesto in code.
Animated Product Grid Preview with GSAP & Clip-Path
In Tutorials, by Gwen Bogaert
Learn how to transform a simple product grid into an interactive, animated preview experience using GSAP in this hands-on tutorial.
Behind the Curtain: Building Aurel’s Grand Theater from Design to Code
In Articles, by Aurelien Vigne
Step inside Aurel’s Grand Theater, an unconventional creative portfolio crafted with Three.js, Vue.js, GSAP, and Blender, bursting with animations and thoughtful details.
From SplitText to MorphSVG: 5 Creative Demos Using Free GSAP Plugins
GSAP’s premium plugins are now free, and this article explores their creative potential through five playful animation demos.
On-Scroll 3D Carousel
In Playground, by Manoela Ilic
An animation concept where we rotate a carousel in 3D while scrolling.
Matrix Sentinels: Building Dynamic Particle Trails with TSL
In Tutorials, by MisterPrada
A step-by-step guide to creating particle trails with TSL (Three.js Shader Language), simulating dynamic movement in 3D space.
Animating in Frames: Repeating Image Transition
In Playground, by Manoela Ilic
A playful exploration of animating repeated image frames along a path, inspired by Joana Correia’s motion design reel.
Mastering Carousels with GSAP: From Basics to Advanced Animation
In Tutorials, by Tom Miller
Learn how to build carousels with GSAP using scroll snapping, utility functions, 3D effects, and draggable interactions.
Building a Fully-Featured 3D World in the Browser with Blender and Three.js
In Tutorials, by Andrew Woan
Go behind the scenes of an immersive 3D museum built with Blender and Three.js, and explore the creative process, technical decisions, and browser-ready workflow that brought it to life.
Warhol Arts: A Digital Playground of Pop, Pixels, and Pure Motion
In Articles, by Serhii Polyvanyi
A deep dive into the code, craft, and chaos behind a pop-art-inspired digital experience powered by GSAP and Webflow.
Stas Bondar ’25: The Code & Techniques Behind a Next-Level Portfolio
In Articles, by Stas Bondar
A look behind stabondar.com — a creative portfolio featuring advanced web animations with GSAP, Three.js, and physics-based effects.
Rendering a Procedural Vortex Inside a Glass Sphere with Three.js and TSL
In Tutorials, by MisterPrada
A step-by-step guide to creating a procedural vortex inside a glass sphere using Three.js Shader Language (TSL).
Players Club: A Free Astro Template for Showcasing Music Artists
In Playground, by Manoela Ilic
Players Club is a free Astro template for showcasing music artists—an experimental proof of concept built in collaboration with Alex Tkachev.
Building an On-Scroll 3D Circle Text Animation with Three.js and Shaders
In Tutorials, by David Faure
Learn how to create a circular text animation in 3D space using Three.js, shaders, and msdf-text-utils.
