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.

Manesh Timilsina

Nilambar Sharma

Prime Addons for Elementor features 25+ beautiful and highly customizable Elementor widgets. Each widget comes with tons of easy-to-use options that will allow you to build professional Elementor websites in a few clicks with no coding required.
Key Feature: Global Block
Prime Addons for Elementor allows you to create and save blocks/templates globally. You can create as many blocks as you need. If you need the same content or block on multiple sections/pages, Global Block will benefit you.
25+ Creative Widgets: Free Now & Forever
<ul>
<li>Blog Grid – Showcase your blog posts in a responsive grid.</li>
<li>Blog Masonry – Showcase your blog posts in a masonry layout.</li>
<li>Blog Standard – Showcase your blog posts in a simple and clean list layout.</li>
<li>Post Carousel – Display your posts in a beautiful carousel.</li>
<li>Post Slider – Slide your highlighted posts professionally.</li>
<li>Flip Box – Animated Flip Box to highlight any content.</li>
<li>Countdown – Highlight important information using a countdown timer.</li>
<li>Contact Form 7 – Add Contact Form 7 form.</li>
<li>Typing Text – Animated typing text widget.</li>
<li>Testimonial Carousel – Create beautiful testimonials and slide them on a carousel to show customer reviews.</li>
<li>Price Table – Create a unique pricing table with a call to action(Buy Now) button.</li>
<li>Separate Text – Highlight your text with border and separator lines.</li>
<li>Interactive Banner – Animated banner with text and a button.</li>
<li>Picture Carousel – Beautiful carousel with thumbnail, title and content.</li>
<li>Picture Slider – Unique slider with thumbnail, title, content and button.</li>
<li>Global Block – Save any block/template as a Global Block and use it throughout the site.</li>
<li>Global Block Slider – Slide globally saved blocks with animation.</li>
<li>Woo Products – Showcase WooCommerce products.</li>
<li>Woo Product Carousel – Carousel of WooCommerce products.</li>
<li>Woo Cart Button – Add Buy Now (Add to Cart) button wherever needed.</li>
<li>EDD Products – Showcase Easy Digital Downloads products.</li>
<li>EDD Product Carousel – Carousel of Easy Digital Downloads products.</li>
<li>EDD Cart Button – Add EDD Buy Now (Add to Cart) button wherever needed.</li>
<li>EDD Search – Add Easy Digital Downloads search form wherever needed.</li>
<li>LearnPress Courses – Showcase LearnPress Courses in a grid layout.</li>
<li>LearnPress Course Carousel – Carousel of LearnPress courses.</li>
<li>Contact Form 7 – Customize Contact Form 7 forms with multiple styling options.</li>
<li>weDocs Archive – Showcase weDocs archive.</li>
<li>weDocs Search – Form to search weDocs entries.</li>
</ul>

Typing Animation Block vs Prime Addons for Elementor