middlewayapproach

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>...</code> for italic or <code>...</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>
Icon made by <a href="https://www.flaticon.com/de/autoren/freepik" rel="nofollow ugc">freepik</a> from www.flaticon.com

Typing Animation Block

Nice plugin

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

Freemius

Abu Hayat

bPlugins

Charles Cormier

Md Noornabi Islam

Bring your content to life with beautiful typing animations – directly inside the Gutenberg editor.
👉<a href="https://bblockswp.com/demo/text-typing" rel="nofollow ugc">Plugin Demo</a>👈
<h4>Key Features</h4>
<ul>
<li>Prefix and Suffix: Add prefix and suffix text around the typing.</li>
<li>Options: Configure the typing such as Type Speed, Start Delay, Back Speed, Back Delay, enable/disable Shuffle, Fade Out Effect, Loop, and Cursor.</li>
<li>Style: Change the colors and more.</li>
</ul>
<h3>🚀 Upgrade to Text Typing Pro</h3>
<ul>
<li>6+ Stylish Themes: Unique typing animations to impress visitors.</li>
<li>Custom Colors & Gradients: Text, cursor, background, with smooth gradient support.</li>
<li>Typing Speed Control: Adjust typing & backspacing speed.</li>
<li>Loop & Delay Options: Repeat or pause typing with precise timing.</li>
<li>Cursor Styling: Change style, size, and color for a personalized look.</li>
<li>Text Shadow Effects: Add depth, glow, or emphasis.</li>
<li>Prefix & Suffix Text: Add extra words before or after typing text.</li>
<li>Responsive Settings: Optimize font size, alignment, and appearance for mobile, tablet, and desktop.</li>
<li>Premium Animations: Exclusive smooth effects available only in Pro.</li>
<li>Optional Icons for Each Text: Users can add icons before/after text or skip entirely.</li>
<li>Icon Customization: Set icon size, color, and style freely.</li>
</ul>
<h4>How to use</h4>
<ul>
<li>First, install the Text Typing plugin.</li>
<li>Add the Text Typing block from the block category called “Widgets” in the Gutenberg editor.</li>
<li>You can change block settings from the right-side settings sidebar.</li>
<li>
Enjoy!
</li>
<li>
For Installation help click on Installation Tab
</li>
</ul>
<h4>Feedback</h4>
<ul>
<li>Did you like this plugin? Dislike it? Do you have a feature request? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us</a></li>
</ul>
<h3>Check out the Parent Plugin of this plugin-</h3>
<a href="https://bblockswp.com" rel="nofollow ugc">B Blocks</a> – A blocks collection and page building tool for Gutenberg.
<h3>Check out our other WordPress Plugins-</h3>
<a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc">Html5 Video Player</a> – Display videos as single and playlist in multiple skins.
<a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc">PDF Poster</a> – Display/Embed PDF files with different styles.
<a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc">Html5 Audio Player</a> – Listen audios with awesome visuals.
<a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc">StreamCast</a> – Customizable radio player with different skins.
<a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc">3D Viewer</a> – Embed 3D models and 3D products with interaction.
<a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc">Advanced Post Block</a> – Show posts and custom posts in different layouts.

Typing Text – Add Animated Typing Effects to Headings or Text

This is what I was looking for. Working as expected

Add stunning animated typing effects to your WordPress headings or text.

Typing Animation Block vs Typing Text – Add Animated Typing Effects to Headings or Text