Typing Animation Block

Description

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

  • The position of the different parameters as explained in the description.

Blocks

This plugin provides 1 block.

  • Typing Animation Block

Installation

After you install and activate the plugin you can use it as a block in the Gutenberg editor. You find it under the common section.

Reviews

Read all 2 reviews

Contributors & Developers

“Typing Animation Block” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.2

  • Test with newest WordPress version
  • Fix some issues with 5.7

1.1

  • Test with newest WordPress version
  • update packages

1.0

  • Initial release