Create advanced Elementor sticky headers with scroll effects: blur, shrink, hide on scroll, plus full responsi...
Free
300k+ installs 4.5★ (68)
Typing Animation Block
A Gutenberg block to render a typing animation or typewriter effect.
The facts
- Rating
- 3.7★ from 3
- Active installs
- 200+
- Price
- Free
- Last updated
- 18 May 2021
- Added
- Nov 2019
- Requires WP
- 5.0
- Tested up to
- WP 5.7.17
- Requires PHP
- 5.6
- Downloads
- 6,158
Our analysis
AI-assistedTyping Animation Block is a WordPress plugin that allows you to create animated typing effects within the Gutenberg editor. You can use it to display text that appears as if it is being typed out, with options to format the text and customize its appearance.
The plugin includes features such as changing the underlying HTML element (h1 to h6 or span), adjusting the typing speed, and enabling looping. It is suitable for users looking to enhance their site with text animations without needing advanced coding skills.
Best for: This plugin is best for WordPress users who want to add typing animations to their site content easily.
What it does well
- ✓Free to use from the WordPress.org directory
- ✓Allows text formatting with HTML tags
- ✓Customizable typing speed and looping options
- ✓Integrates with the Gutenberg editor
- ✓Uses Typed.js for the typing effect
Where it falls short
- •Limited information available about features and performance
- •Directory score indicates potential quality concerns
Verdict
Typing Animation Block offers a straightforward way to implement typing effects in WordPress, but users should consider its directory score and limited feature information before use.
From the developer
middlewayapproach's own description of Typing Animation Block, lightly tidied.
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
Tagged as
platform
Gutenberg & Block Editor
feature
Ships Gutenberg Blocks
Alternatives
Other plugins for animations.
Add CSS animations and scroll effects to any Gutenberg block. Choose from fade, slide, zoom & more, with d...
Free
90k+ installs 4.7★ (69)
Create WordPress websites with free forms, Gutenberg blocks, popups, sliders, countdowns, animations, pre-buil...
Free
80k+ installs 4.9★ (22)
Add creative image hover effects to Elementor page builder. Easily customize title and content and effects wit...
Free
40k+ installs 4.9★ (83)
Easy to use advanced Parallax, Image and Video backgrounds block plugin with parallax and video support.
Free
30k+ installs 4.8★ (44)
Elevate your website game with the Bricksable collection of premium elements for Bricks Builder. Designed to s...
Free
10k+ installs 5★ (61)