Creating Custom Page Transitions in Astro with Barba.js and GSAP
In Tutorials, by Iqbal Muthahhary
Follow along as we build page transitions in Astro with Barba.js and GSAP, from the initial setup to a working animated transition flow.
6 posts tagged with
Joffrey Spitzer Portfolio: A Minimalist Astro + GSAP Build with Reveals, Flip Transitions and Subtle Motion
In Articles, by Joffrey Spitzer
Building a minimalist, smooth portfolio with Astro + GSAP: reveals, page transitions and subtle animations, crafted with restraint and precision.
Building a Scroll-Revealed WebGL Gallery with GSAP, Three.js, Astro and Barba.js
In Tutorials, by Chakib Mazouni
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.
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.
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.
Animating Multi-Page Navigations with Browser View Transitions and Astro
In Tutorials, by Igor Penaque
A beginner-friendly guide that walks you through the use of the Browser View Transitions API with Astro for a smoother navigation experience.