GeistHaus
log in · sign up

SplitText | GSAP | Docs & Learning

gsap.com

Or use the new onSplit() syntax available in v3.13.0+:

10 pages link to this URL
theAdhocracy | Animating Letters Isn't Easy

The desire to have letters animate into frame on the web has existed for decades, but we still don't have a good mechanism for it ‒ even if some seem to exist.

0 inbound links article en HTML & CSS GSAPaccessibility
Joffrey Spitzer Portfolio: A Minimalist Astro + GSAP Build with Reveals, Flip Transitions and Subtle Motion | Codrops

Building a minimalist, smooth portfolio with Astro + GSAP: reveals, page transitions and subtle animations, crafted with restraint and precision.

1 inbound link article en Astro frameworkGSAP animationGSAP SplitTextGSAP Flip pluginweb animation tutorialcreative developer portfoliominimalist portfolio designsmooth page transitionsScrollTrigger animationresponsive text animationJavaScript animation libraryfrontend motion designWebGL Three.jsSwup page transitionsLenis smooth scrollTailwind CSS layoutperformant web animationsmicro-interactions designinteractive web designmodern web developmentstatic site generationportfolio case studyanimation best practicescreative coding portfolioPageSpeed optimization
From Shader Uniforms to Clip-Path Wipes: How GSAP Drives My Portfolio | Codrops

A look at how my portfolio came together as a technical handshake, with GSAP orchestrating everything from shader uniforms to text reveals.

1 inbound link article en web design case study gsap animationsinteractive frontend portfolio inspirationcreative web development case studyadvanced gsap scrolltrigger animationswebgl shader animation techniquesthree.js vs ogl performance comparisonscroll based animation website inspirationmodern javascript animation techniqueschromatic aberration webgl effect tutorialflowmap distortion webgl effectfragment shader animation examplesreal time webgl graphics portfolioclip-path animation css gsaptext reveal animation scramble gsapcreative coding portfolio inspirationperformance optimized web animationsfrontend developer portfolio inspiration 2026interactive website motion designadvanced ui animation techniques javascriptshader based visual effects webcodrops case study webgl gsapcreative frontend engineering portfolioimmersive web experience designhigh performance web animation techniqueswebgl and gsap integration tutorial
You Know What? Just Don’t Split Words into Letters

This is an unplanned part two for Barriers from Links with ARIA. The title reflects my exasperation because this isn’t new, I’ve simply failed to be explicit about it over the last decade or so. In 2012 I vented about TypeButter using <kern style=”letter-spacing: -0.01em;”> for each letter. In 2020…

7 inbound links article en