Text Animator
The Text Animator Block and Addons is a free block that lets you create eye-catching animated text with customizable prefix, animated, and postfix parts. You can choose from multiple animation styles like fade, flip, typing, zoom, and more to make your content dynamic.
It also supports timing controls, looping, and full typography styling to match your design.
This block is completely free to use.
Adding the block
To add the block:
- Click the “+” button to add a new block.
- Search for “Text Animator” and select it.
- For detailed instructions on how to add blocks in Gutenberg, please refer to the official WordPress Block Editor documentation.
General Settings
Content
- Prefix Text – Add text that appears before the animated words.
- Animated Text – Enter multiple animated words separated by
|(e.g.,Design|Build|Create). - Postfix Text – Add text that appears after the animated words.
- Select Display Tag – Choose heading level (H1–H6) or paragraph tag for your text.
Animation
- Select Animation – Choose from animations like Fade, Flip, Typing, Slide, Zoom, Bounce, Wipe, or Wave.
- Display Text in Stack – Show the text in stacked layout.
- Animation Duration (ms) – Set how long each animation runs.
- Animation Delay (ms) – Set delay before the next animation starts.
- Stop Animation on Hover – Pause animation when hovering.
- Animate Only Once – Run the animation only once on load.
Design settings
Text Typography
- Pre/Post, Animated, Global – Control typography individually or globally.
- Global Text Color – Choose color for all text.
- Global Text Alignment – Align text left, center, or right.
- Size, Letter Spacing, Line Height, Letter Case – Adjust appearance as needed.
Text Styling
- Use Background – Add a background behind text.
- Background Type – Choose Classic or Gradient background.
- Background Color – Pick your background color.
- Pre/Post Text Dimensions – Add padding and margin to space the text.
