Animated Gradient Text

Bring movement to a hero heading, highlight a key phrase, or add a playful detail to your typography with an animated gradient.

SquareKicker lets you choose your colours, adjust the gradient direction, and control the speed and width of the colour transitions. Create a slow, soft blend or a tighter, more energetic effect to suit your design. You can also layer an animated gradient over image-filled text for added depth.

Watch the tutorial to create your own animated gradient text.