samiur6688

Animated Text Widget for Elementor adds a typing animation effect to your Elementor pages, allowing you to display multiple text strings that type and delete in sequence. Users can customize the text strings (separated by <code>|</code>), adjust typing speed and delay between strings, and choose to show or hide the cursor. The widget also includes basic styling options such as text color and typography controls. It works seamlessly in both the Elementor editor (with live preview) and the frontend, providing a smooth animated text experience using JavaScript.
Features: 
– Display animated typing text with multiple strings. 
– Add multiple text strings separated by <code>|</code>. 
– Control typing speed and delay between strings. 
– Show or hide the typing cursor. 
– Style the text with color and typography controls. 
– Works in both Elementor editor and frontend with live preview.
How It Works: 
The widget animates text by typing and deleting characters in a loop, based on the provided settings. It uses lightweight JavaScript for smooth performance.

Animated Text Widget for Elementor

Add an animated typing effect to your Elementor pages with customizable text strings, speed, delay, and styling options.

Freemius

Abu Hayat

bPlugins

Charles Cormier

Himangsu Roy

Md Noornabi Islam

The #1 No-Code Typing Text Block Plugin – Trusted by 3000+ Websites Worldwide
<a href="https://bplugins.com/products/text-typing/" rel="nofollow ugc">Typing Text Block</a> | <a href="https://bplugins.com/docs/typing-text-block/" rel="nofollow ugc">Documentation</a> | <a href="https://bplugins.com/products/text-typing/pricing/" rel="nofollow ugc">Pricing</a> | <a href="https://bplugins.com/support/" rel="nofollow ugc">Support</a> | <a href="https://bplugins.com/products/text-typing/#demos" rel="nofollow ugc">Demo</a>
<a href="https://bplugins.com/products/animated-text-block/" rel="nofollow ugc">Typing Text Block</a> is a powerful and easy-to-use WordPress block that lets you create realistic typing text animations without any coding. Perfect for hero sections, banners, headlines, and call-to-action areas, it helps you highlight key messages in an engaging and modern way.
<a href="https://bplugins.com/products/text-typing/pricing" title="Buy Pro version" rel="nofollow ugc">Buy The Pro</a>
<h4>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>
<li>Quick Themes Options: Instantly switch between predefined themes to update the animated text appearance.</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 siedbar.</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.

Animated Text Widget for Elementor vs Typing Text – Add Animated Typing Effects to Headings or Text