middlewayapproach

<p>You can use the block inside the Gutenberg editor as you would use a headline block. You can find it in the common section. You can change the text that appears in the animation in the editor (Number 1 in the screenshot). The different sentences are separated by a pipe (|). You can format the text by using <code><i>...</i></code> for italic or <code><b>...</b></code> for bold text. To change the underlying element that is used in the html of the page (h1 to h6 or span) there is a dropdown menu in the block toolbar(Number 2 in the screenshot). In the block panel you find different options to customize the speed, looping and other options of the typing (Number 3 in the screenshot). The underlying library used is Typed.js. You can find more information in the <a href="https://github.com/mattboldt/typed.js" rel="nofollow ugc">repo</a></p>
<p>Icon made by <a href="https://www.flaticon.com/de/autoren/freepik" rel="nofollow ugc">freepik</a> from www.flaticon.com</p>


Typing Animation Block

Nice plugin

A Gutenberg block to render a typing animation or typewriter effect.

Labib Ahmed

<p>The “SmartText Rotator” plugin allows you to easily add rotating words in a sentence on your WordPress website. You can specify a list of words, and the plugin will rotate them with CSS3 animations after intervals of time.You can customize the words, animation effects, and intervals to create engaging text animations on your website.<br />
This also include typing effect which used typed js library to create beautiful typing effect.Plugin has very easy user interface for end user. You just need to add sentence and list of words that you want to animate and create shortcode and use it anywhere you want. You can also use it to widget area.</p>
<p><a href="http://demo.webdevocean.com/css3-rotating-words-demo/" rel="nofollow ugc">See Live DEMO</a></p>
<h3>Effects Included</h3>
<ul>
<li>Fade Effect</li>
<li>Clip Effect</li>
<li>Flip Cube Effect</li>
<li>Rotate Effect</li>
<li>Push Effect(Pro)</li>
<li>Slide Effect(Pro)</li>
<li>Type Writer Effect(Pro)</li>
<li>Zoom Effect(Pro)</li>
<li>Loading Bar Effect(Pro)</li>
<li>Typing Effect(Pro)</li>
</ul>
<h3>Features</h3>
<ul>
<li>Easily add rotating words in a sentence.</li>
<li>Customize the animation effects and intervals.</li>
<li>Responsive design.</li>
<li>Lightweight and easy to use.</li>
<li>5 animation Styles</li>
<li>Custom Font Size</li>
<li>Font Color</li>
<li>Multiple Words</li>
<li>Easy Admin Options</li>
</ul>


SmartText Rotator – Add Motion to Your Words

Works Well...!

A WordPress plugin that allows you to add rotating words in a sentence with CSS3 animations.

Typing Animation Block vs SmartText Rotator – Add Motion to Your Words