Premium element

Animated text

Text Motion

Text Motion is triggered when the text comes into the viewport and uses GSAP to animate text by splitting it into different parts (characters, words, or lines). The type of animation, speed, and the way text is split can be customized using specific attributes.

Preview

Wave animation

Fade In animation

Slide In animation

Rotate In animation

Elastic Pop animation

Blinds animation

Glitch animation

Refresh animations

Quick Setup

data-bricks-texteffect=true

Required

Activates the text effect for a specific element. Required to enable the animation.

Available Presets

Defines the animation type to be applied.

data-bricks-texteffect-animation="preset-name"

Optional

fadeIn

slideIn

scaleIn

rotateIn

elasticPop

blinds

wave

glitch

Advanced configuration

data-bricks-texteffect-type

Optional

Determines how the text is split for the animation. chars, words or lines.

Default: chars

data-bricks-texteffect-speed

Optional

Sets the animation speed.

Default: 1

We're here to help

Choose how you'd like to connect with our support team

Contact Support

Get help from our team of experts

Response within 24 hours