Junglei Kim

Stroke by stroke typing effect Block is a dynamic block for WordPress sites that need expressive text motion without sacrificing accessibility or graceful fallbacks.
Its typing playback is built on top of UniTyper by Beaver Coding: 
https://github.com/beavercoding2022/uni-typer
Development repository: 
https://github.com/imjlk/k-typewriter
Use it for:
<ul>
<li>Homepage hero copy</li>
<li>Product callouts</li>
<li>Announcement banners</li>
<li>Event pages</li>
<li>Multilingual headline rotations</li>
<li>Inline keyword rotators inside rows and grouped layouts</li>
</ul>
Key features:
<ul>
<li>Multiple messages with one message per line</li>
<li>Configurable typing, deleting, and pause timing</li>
<li>Optional start delay with first-start, every-cycle, and every-reentry timing modes</li>
<li>Optional looping, viewport start, and replay-on-re-entry behavior</li>
<li>Cursor controls for visibility, animation mode, thickness, height, and offset</li>
<li>First-message static fallback by default, with an optional custom fallback override</li>
<li>Auto-generated non-visual summary with optional override text</li>
<li>Inline layout support with width reservation in <code>ch</code> or measured longest-message mode</li>
<li>Text direction controls for <code>auto</code>, <code>ltr</code>, and <code>rtl</code></li>
<li>Start animation only when the block enters the viewport</li>
<li>Dynamic rendering for SEO-friendly first paint and no-JavaScript fallback</li>
<li>Reduced-motion support for visitors who prefer less animation</li>
<li>Semantic tag selection for <code>p</code>, <code>div</code>, <code>span</code>, <code>h1</code>–<code>h6</code>, <code>strong</code>, <code>em</code>, <code>small</code>, and <code>mark</code></li>
<li>Support for theme typography, spacing, and color tools</li>
<li>Bundled patterns for hero headlines, inline keyword rotators, announcement strips, feature spotlights, multilingual sections, split launch heroes, editorial leads, 404 prompts, and terminal-style loading sequences</li>
</ul>

Stroke by stroke typing effect Block

Animate headlines, notices, and hero copy with a polished typewriter block that works beautifully with multilingual text.

Filikod

Typing animation is a powerful WordPress plugin that allows you to create beautiful text animations on your website. With multiple animation styles and easy-to-use shortcodes, you can add dynamic text effects to any page or post.
Key Features: 
* Multiple animation styles (typewriter, glitch, neon, fade, slide, bounce) 
* Easy-to-use shortcodes with extensive customization options 
* Elementor and Divi page builder integration 
* Customizable speed, delay, and loop settings 
* Preset management system 
* Security-focused with input validation and sanitization 
* Responsive design with mobile optimization
Animation Styles: 
* Typewriter – Classic typewriter effect with customizable speed 
* Glitch – Cyberpunk glitch effect with random character changes 
* Neon – Neon glow effect with customizable colors 
* Border-radius – Rounded background badge style for animated text
Shortcode Parameters: 
* <code>text</code> – Single text to animate (legacy support) 
* <code>sentences</code> – Multiple sentences separated by | (pipe) 
* <code>style</code> – Animation style (typewriter, glitch, neon, border-radius) 
* <code>type_speed</code> – Typing speed in milliseconds (default: 100) 
* <code>start_delay</code> – Initial delay before animation starts (default: 500) 
* <code>text_color</code> – Custom text color (hex only, e.g. #ff0000) 
* <code>cursor_color</code> – Custom cursor color (hex only)
Page Builder Integration: 
* Elementor – Native widget with full customization options 
* Divi – Custom module with theme integration 
* More integrations coming soon!
<h3>Troubleshooting</h3>
If you’re experiencing issues with the plugin:
<ol>
<li>
Check Installation:
<ul>
<li>Verify the plugin is in <code>/wp-content/plugins/lyode-dynamic-typing-animation/</code></li>
<li>Ensure all files are present and complete</li>
</ul>
</li>
<li>
Check Permissions:
<ul>
<li>Files should have 644 permissions</li>
<li>Directories should have 755 permissions</li>
</ul>
</li>
<li>
Debug Mode:
<ul>
<li>Enable WordPress debug mode in wp-config.php</li>
<li>Check wp-content/debug.log for errors</li>
</ul>
</li>
<li>
Common Solutions:
<ul>
<li>Deactivate and reactivate the plugin</li>
<li>Clear any caching plugins</li>
<li>Test with a default WordPress theme</li>
<li>Check for plugin conflicts</li>
</ul>
</li>
<li>
Shortcode Issues:
<ul>
<li>Verify shortcode syntax is correct</li>
<li>Check for special characters in text</li>
<li>Ensure all quotes are properly escaped</li>
</ul>
</li>
</ol>
For more detailed troubleshooting, see the INSTALLATION.md file included with the plugin.
<h3>Support</h3>
For support and documentation: 
* Contact us through the WordPress support forums
<h3>Credits</h3>
Developed by <a href="https://lyode.fr" rel="nofollow ugc">Lyode</a>
Special Thanks: 
* WordPress community for the amazing platform 
* Elementor and Divi teams for their excellent page builders 
* All beta testers and contributors
<h3>License</h3>
This plugin is licensed under the GPL v2 or later.
<h3>Privacy</h3>
This plugin does not collect any personal data. Statistics are stored locally and do not contain any user-identifiable information.

Lyode Dynamic Typing Animation

Create stunning dynamic text animations with multiple effects (typewriter, glitch, neon, etc.) using shortcodes and page builder integrations.

Stroke by stroke typing effect Block vs Lyode Dynamic Typing Animation