Automattic

WordPress.org

Alex Kirk

Ashish Kumar (Ashfame)

Paulo Pinto

<p>Easily add a <a href="https://matrix.org" rel="nofollow ugc">Matrix</a> client to WordPress pages, either through the Block Editor, or as a <em>popup</em>.</p>
<h3>Feedback welcome</h3>
<p>If you have any feedback or questions about Chatrix, please do talk to plugin maintainers at <a href="https://matrix.to/#/#chatrix:matrix.org" rel="nofollow ugc">#chatrix:matrix.org</a>.</p>


Chatrix

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.

Chatrix vs Paragraph Typewriter Effect