lyode

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


Lyode Dynamic Typing Animation

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

Sergey

<p><strong>EN</strong> | <a href="#russian-version" rel="nofollow ugc">RU</a></p>
<p>Adds realistic typewriter animation to paragraphs with sequential display/erase effect. Now with awesome cyberpunk matrix-style effects!Adds a typewriter effect with sequential output and erasing of paragraphs. Now with cyberpunk matrix effects!</p>
<h4>How the code works</h4>
<ol>
<li>Splits content into paragraphs via advanced HTML parsing</li>
<li>Uses recursive JavaScript:</li>
</ol>
<p>– Typing speed: 30-80ms/character (randomized)<br />
– Pause before erasing: 2000ms<br />
– Erase speed: 10ms/character<br />
3. CSS animation of the blinking cursor with cyberpunk effects<br />
4. Checking for initialization to avoid conflicts<br />
5. <strong>NEW</strong>: Matrix-style cyberpunk effects with digital rain</p>
<h4>New Features</h4>
<ul>
<li>Green matrix text with neon glow</li>
<li>Digital rain background effect</li>
<li>Random glitch effects</li>
<li>Three intensity levels</li>
<li>Full customization</li>
</ul>
<h3>Translations</h3>
<ul>
<li>English (default)</li>
<li>Russian (ru_RU) – complete</li>
</ul>
<h4>How It Works Technically</h4>
<ol>
<li>Splits content into paragraphs using advanced HTML parsing</li>
<li>Uses JavaScript recursion with dynamic timeouts:
<ul>
<li>Type speed: 30-80ms/character (randomized)</li>
<li>Pause before erase: 2000ms</li>
<li>Erase speed: 10ms/character</li>
</ul>
</li>
<li>Pure CSS blinking cursor animation with cyberpunk glow</li>
<li>Conflict-free initialization check</li>
<li><strong>NEW</strong>: Cyberpunk matrix effects with digital rain and glitch animations</li>
</ol>
<h4>New Cyberpunk Features</h4>
<ul>
<li>Green matrix-style text with neon glow</li>
<li>Digital rain background effect</li>
<li>Random glitch animations</li>
<li>Three intensity levels (Subtle, Medium, Strong)</li>
<li>Fully customizable colors and effects</li>
</ul>
<p><a href="#russian-version" rel="nofollow ugc">RU</a></p>
<h3>Credits</h3>
<p>Developed by Sergey_Vladimirovich with coding assistance from DeepSeek Chat AI.</p>
<h3>Thanks</h3>
<p>Developed by Sergey Vladimirovich with technical support from DeepSeek Chat AI.</p>
<h3>Privacy</h3>
<p>This plugin does not collect any user data. All processing happens locally in the browser.</p>
<h3>Translations</h3>
<p>Available translations:<br />
– English (default)<br />
– Russian (ru_RU) – complete</p>
<p>Translators can contribute via WordPress translation platform.</p>


Paragraph Typewriter Effect

Add realistic typewriter animation to your content paragraphs with cyberpunk effects.

Lyode Dynamic Typing Animation vs Paragraph Typewriter Effect