An inside look at how we built Horeca’s motion system in Webflow, from scroll-triggered animations and sticky layouts to performance tuning, mobile optimization, and production-ready architecture.
#gsap
30 posts
Yesterday
4 Jun
A creative exploration of GSAP MotionPath, where stacked thumbnails unfold into a flowing image strip through curved trajectories.
28 May
Most pages end when you stop scrolling. This one doesn’t. Learn how to build a seamless infinite scroll with a layered parallax depth effect.
26 May
A step-by-step guide to building a scroll-driven 3D cube gallery in Webflow with GSAP animations and CMS-powered content.
21 May
A tutorial on building cinematic scroll-driven SVG map animations with GSAP using path drawing, motion tracking, and smooth camera movement.
20 May
A creative GSAP experiment where images cascade from the mouse position and rebound off the bottom of the screen with satisfying motion.
6 May
A look at how my portfolio came together as a technical handshake, with GSAP orchestrating everything from shader uniforms to text reveals.
5 May
How I rebuilt Claude AI’s mascot animations from scratch, frame by frame, purely in code using SVG and GSAP.
28 Apr
A scroll-driven 3D world built from scratch with Three.js, GSAP, and WebGL — where every technical decision serves a message worth sharing.
23 Apr
A look at designing and building the 4WIDE website, exploring how distortion, blur, and motion were used to create an expressive experience while balancing clarity and performance.
22 Apr
A playful GSAP menu demo exploring how easeReverse makes reversed UI animations feel smoother, snappier, and more intentional.
8 Apr
Follow along as we build page transitions in Astro with Barba.js and GSAP, from the initial setup to a working animated transition flow.
7 Apr
More than a year of iteration, motion studies, and technical refinement went into shaping R—K ’26 into a portfolio where identity, rhythm, and interaction work as one.
6 Apr
A behind-the-scenes look at how we built Maxima Therapy with playful interactions, creative code, and a little AI help along the way.
31 Mar
An exploration of how reusable GSAP animations, custom text transitions, and fluid WebGL interactions shape a distinctive portfolio experience.
18 Mar
Build a single, persistent Three.js scene in Webflow and drive smooth, GSAP-powered page transitions with Barba.js.
11 Mar
In this tutorial, we’ll create four scroll-driven transitions that reveal fullscreen images using SVG masks, GSAP, and grid- and blind-based patterns.
5 Mar
Inside Corentin Bernadou’s Portfolio: Swiss-Inspired Layouts, WebGL Geometry, and Thoughtful Motion
CodropsAn overview of how I redesigned my portfolio as a creative playground, blending editorial design, WebGL experiments, and thoughtful motion.
2 Mar
Learn how to build a structured scroll-driven image grid where movement unfolds progressively within a sticky layout.
26 Feb
Learn how to build a lightweight SPA router with true async crossfade page transitions using Vanilla JavaScript, GSAP, and Vite — no framework required.
25 Feb
A behind-the-scenes look at balancing clean layouts and thoughtful motion for Telha Clarke’s new identity.
20 Feb
This is Brooklyn grit in a darkroom palette—italicized first letters, cream-toned “film stock” whites, and UI details pulled straight from the edge of a 35mm strip.
18 Feb
Joffrey Spitzer Portfolio: A Minimalist Astro + GSAP Build with Reveals, Flip Transitions and Subtle Motion
CodropsBuilding a minimalist, smooth portfolio with Astro + GSAP: reveals, page transitions and subtle animations, crafted with restraint and precision.
13 Feb
A detailed behind-the-build on turning a strict minimal brief into a high-end experience through rhythm, transitions, and micro-interactions.
2 Feb
Learn how to build a multi-page WebGL image gallery with scroll-triggered shader reveals, smooth scrolling, and seamless page transitions using GSAP, Three.js, Astro, and Barba.js.
20 Jan
We’ll explore how to use GSAP’s Flip plugin to animate dynamic grid layout changes, showing how grid items can resize and rearrange fluidly.
15 Jan
Learn how to create smooth, opposing wave text animations across dual columns with scroll-driven sine wave mathematics and synchronized image updates.
14 Jan
A deep dive into how Flim was built, breaking down the animations, interactions, and technical decisions behind a GSAP-powered Webflow experience.
23 Dec 2025
A nostalgic 8-bit portfolio experiment built with modern AI workflows and performance-first web tech.
17 Dec 2025
Smooth curved animations look simple, but building them responsively takes careful control. This tutorial shows how to approach it in practice.