Animated Text Block Pro: Control Text Animation in WordPress

Animated Text Block Pro extends the Animated Text block in Gutenberg for headlines, slogans, announcements, and other website messages. Add the block to a post or page, enter your text, then configure its animation and appearance in the settings sidebar.

Choose motion and playback

Animate text by character or word, with entrance and exit effects. Adjust animation speed and perspective depth, add oscillation, and set looping, automatic repeat, or a delay between cycles. Prefix and suffix content can frame the animated text, and multiple sentences can play in sequence.

Choose a playback trigger: page load, scroll into view, hover, click, or scroll scrub. Set a viewport offset and start delay, play once or every time, stagger letters or words, and pause playback when the text is off-screen or the browser tab is hidden.

Set the visual style

Choose from pre-designed themes and premium animation styles, or adjust fonts, colors, text shadows, and maximum text width. Background, typography, color, padding, border, and quick style settings help shape the block's appearance. Randomized colors are also available.

• Highlight Style: Add one of 20 hand-drawn SVG shapes around text, with solid or gradient colors and loop and position settings.
• Text Scroll Style: Reveal or highlight text line by line with vertical or horizontal highlight and mask effects.
• Modern Effects Style: Choose Blur In, Scramble, Shiny Sweep, Line Mask, Glitch, Rotating Words, or Number Count-Up.

Place animated text

Use the block in the Gutenberg editor or insert animated text with shortcode support wherever shortcodes can be used. To set up a block, add Animated Text from the Widgets category, enter the copy, and select its effect, timing, theme, and styling in the sidebar. Publish the post or page when the presentation is ready.