Actions
Switch Theme
Getting startedInstallation
Basics
SocialsYouTube
Facebook
Getting started
Jose Tamu
October 28, 2025 /  Beginner /  Light

Exchange Title v3

Made for DesignersStartupsEntrepreneurs

How it works

Exchange Title v3 is a nestable element. To add lines to the animation you can duplicate the “Line” elements that come by default as needed.
The element admits a prefix and a suffix. The typography of the prefix, lines and suffix can be edited separately as needed.

Blur Animation controls

Blur: the amount of blur to apply to the exchange animation.
Cycle duration: how many seconds a line should remain active.
Blur duration
Blur stagger: the delay to apply to the letters until the next one gets blurry.
Blur easing: you can choose from a wide variety of easings. Learn more about GSAP easings here.

Width Animation controls

This animation is applied to the whole Exchange Title v3 element when a line is shorter or larger than the previous one.
Duration
Easing: you can choose from a wide variety of easings. Learn more about GSAP easings here.

– Tamu

On this page