Typing Animation Block

plugin banner

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

Author:middle-way-approach (profile at wordpress.org)
WordPress version required:5.0
WordPress version tested:5.7.2
Plugin version:1.2.0
Added to WordPress repository:18-11-2019
Last updated:18-05-2021
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:74
Rated by:3
Plugin URI:https://github.com/middle-way-approach/gutenb...
Total downloads:4 852
Active installs:400+
plugin download
Click to start download

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 <i>...</i> for italic or <b>...</b> 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 repo

Icon made by freepik from www.flaticon.com


Screenshots
ChangeLog