Skip to content

The Text Animator block allows you to create dynamic, animated text content that cycles through multiple strings with stunning visual effects. Perfect for hero sections, call-to-action areas, or any place where you want to grab attention with animated text.

License

Notifications You must be signed in to change notification settings

tomfinitely/block-text-animator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

=== Text Animator ===

WordPress Telex, Tom Finley
Tags:              block, animation, text, typewriter, effects
Tested up to:      6.8
Stable tag:        0.2.0
License:           GPLv2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html

Create engaging animated text that cycles through different strings with various visual effects.

== Description ==

The Text Animator block allows you to create dynamic, animated text content that cycles through multiple strings with stunning visual effects. Perfect for hero sections, call-to-action areas, or any place where you want to grab attention with animated text.

Features:
* Multiple animation effects: typewriter, matrix scramble, fade, flash, burst, glitch
* Configurable prefix and suffix text
* Inline text editing directly in the block
* Customizable animation speed and timing
* Theme-friendly styling that inherits typography
* Responsive and accessible design
* Stable layout prevents content shifting during animations

Animation Effects:
* **Typewriter**: Classic terminal-style typing effect
* **Matrix**: Character scrambling reminiscent of the Matrix movies
* **Fade**: Smooth fade in/out transitions between text strings
* **Flash**: Quick flash transition effect
* **Burst**: Explosive burst animation with scaling effects
* **Glitch**: VHS-style horizontal glitch with chromatic aberration

The block is designed to inherit your theme's typography and styling while providing just enough visual polish to make the animations shine.

== Installation ==

1. Upload the plugin files to the `/wp-content/plugins/text-animator` directory, or install the plugin through the WordPress plugins screen directly.
1. Activate the plugin through the 'Plugins' screen in WordPress
1. Add the Text Animator block to any post or page
1. Start typing your animated text strings directly in the block
1. Configure animation effects and timing in the block settings

== Frequently Asked Questions ==

= How do I add multiple text strings to animate between? =

Simply click on the text in the block and type your strings, pressing Enter to create new lines. Each line will become a separate text string in the animation cycle.

= Can I control the animation speed? =

Yes! In the block settings panel, you can adjust the animation duration and delay between text swaps to match your desired pacing.

= Will this work with my theme? =

Absolutely! The block is designed to inherit your theme's typography, colors, and spacing. It adds minimal styling to ensure the animations work properly while respecting your theme's design.

= Is the block accessible? =

Yes, the block includes proper ARIA labels and respects user preferences for reduced motion when that setting is enabled in their browser.

== Screenshots ==

1. Text Animator block in the editor showing inline editing capabilities
2. Animation effect selection in the block settings
3. Live preview of the typewriter effect
4. Matrix scramble effect in action

== Changelog ==

= 0.2.0 =
* Added Glitch animation with VHS-style effects and chromatic aberration
* Fixed layout stability to prevent content shifting during animations
* Improved multi-line text handling in animations
* Removed font overrides to respect theme typography
* Enhanced glitch transition smoothness

= 0.1.0 =
* Initial release with 5 animation effects
* Inline text editing
* Configurable prefix/suffix text
* Theme-friendly styling
* Accessibility support

== Upgrade Notice ==

= 0.1.0 =
Initial release of the Text Animator block.

About

The Text Animator block allows you to create dynamic, animated text content that cycles through multiple strings with stunning visual effects. Perfect for hero sections, call-to-action areas, or any place where you want to grab attention with animated text.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published