Text Typing – grab attention with animated typing headlines

Опис

Make your hero titles and headlines type themselves – realistic animated typing effects that pull visitors’ eyes straight to your key message.

Typing Text Block | Pricing | Support | Demo

Why Text Typing?

Text Typing is a lightweight WordPress plugin that adds realistic animated typing effects to your headings and text – directly inside the Gutenberg block editor, with no coding required. Write a prefix, one or more rotating typing lines, and a suffix, then fine-tune the speed, delay, looping, and cursor to match your design.

Perfect for hero sections, banners, headlines, and call-to-action areas, it lets you highlight key messages with an engaging, modern typing animation. Six ready-made themes are included free, scripts load only on pages that use the block, and a shortcode generator lets you reuse saved typing texts anywhere.

The free plugin is fully functional on its own. A separate Text Typing Pro upgrade adds a complete collection of animated text and heading blocks, all grouped under a single Text Typing category in the block inserter.

Free Features – Everything You Need to Get Started

• Animated Typing Text Block: A clean, fully responsive typing animation anywhere in the block editor.
• Built-in Themes: Six ready-made themes included free – Default, Terminal, Star Flower, Neon Grid, Aurora Glow, and Cyber Wave.
• Prefix & Suffix Text: Add static text before and after the animated typing lines.
• Multiple Typing Lines: Add unlimited rotating lines, each with its own color.
• Typing Controls: Type Speed, Start Delay, Back Speed, Back Delay, Shuffle, Fade Out Effect, Fade Out Delay, Loop, Loop Count, Cursor, and a custom Cursor Character.
• Typography Controls: Customize fonts for the prefix, typing, and suffix text.
• Color Controls: Set prefix and suffix text colors.
• Layout & Styling: Control alignment (including wide and full block width), padding, border, and background.
• Responsive Width: Set the width separately for desktop, tablet, and mobile.
• Shortcode Generator: Build a saved typing text and reuse it anywhere with a simple shortcode.
• Block Manager: Enable or disable individual blocks from the plugin dashboard so the inserter shows only what you use.
• Optimized Script Loading: Scripts load only when the block is used, keeping pages fast.
• Clean Uninstall Option: Optionally remove all plugin data when you delete the plugin.
• Translation Ready: Fully compatible with multilingual websites.

Pro Version – Unlock the Full Animated Text Collection

Text Typing Pro extends the free plugin with a full library of animated text and heading blocks plus advanced styling. All Pro blocks are visible in the inserter so you can preview them; a license unlocks them on the front end.

Pro animated text & heading blocks:

• Animated Headline – cinematic, scroll-triggered reveals with letter, word, or line stagger and an optional highlighted word.
• Split Text – a staggered reveal where each letter or word animates in one after another.
• Rotating Words – a headline with one word that cycles through a list – slide, flip, fade, or zoom.
• Scramble Text – a „decode“ reveal where letters cycle through random glyphs and settle into place.
• Tracking-In Text – headings that reveal by animating letter-spacing with a soft fade.
• Number Counter – animated count-up numbers that fire on scroll – perfect for stats and results.
• Gradient, Rainbow, Shine, Neon & Glitch Text – bold color and glow effects that are impossible to miss.
• Outline, Long Shadow, Sticker & Reflection Text – striking display-heading styles for modern layouts.
• Text Mask – show an image or gradient clipped inside bold text – the classic knockout hero effect.
• Curved, Circular & Vertical Text – arch text along an arc, wrap it around a circle, or run it vertically.
• Text Marquee – an infinite, seamless scrolling text band for „trusted by“ rows and tickers.
• Split-Flap Text, 3D Tilt Text, Wavy Text & Animated Highlight – playful, interactive attention-grabbers.

More Pro features:

• Custom Colors & Gradients: Text, cursor, and background with smooth gradient support.
• Text Shadow Effects: Add depth, glow, or emphasis.
• Cursor Styling: Change cursor style, size, and color.
• Icons for Each Text: Add icons before or after the typing text with size controls.
• Full Responsive Settings: Fine-tune font size, alignment, and appearance per device.
• Reduced-Motion Aware: Animations honor the visitor’s prefers-reduced-motion setting.
• Priority Support: Faster assistance and updates.

Get Text Typing Pro – unlock the full block collection and advanced effects now!

How to Use Text Typing – Quick Start

1. Open any page or post in the WordPress block editor (Gutenberg).
2. Click the + (Add Block) button and search for „Text Typing“ (or browse the Text Typing category).
3. Add your prefix, one or more rotating typing lines (each with its own color), and suffix text.
4. Adjust speed, delays, loop, cursor, typography, colors, and layout from the block sidebar.
5. Preview on different devices, then publish.

Reuse with the Shortcode Generator: Go to Text Typing → ShortCode Generator in the WordPress admin, create a saved typing text, and paste the generated [text-typing id="123"] shortcode anywhere on your site.

Demo | Get Text Typing Pro

Use Cases

• Hero Sections: Rotate through your key value propositions as they type out.
• Banners & CTAs: Draw attention to offers and announcements with motion.
• Portfolios: Cycle through roles or skills („Designer… Developer… Creator…“).
• Landing Pages: Combine typing text with Pro heading effects for high-impact pages.

Did you like this plugin? Do you have a feature request? Please share your feedback with us

Check Out The Parent Plugin of This Plugin-

B Blocks – A blocks collection and page building tool for Gutenberg.

Check Out Our Other WordPress Plugins-

Html5 Video Player – Display videos as single and playlist in multiple skins.

PDF Poster – Display/Embed PDF files with different styles.

Html5 Audio Player – Listen audios with awesome visuals.

StreamCast – Customizable radio player with different skins.

3D Viewer – Embed 3D models and 3D products with interaction.

Advanced Post Block – Show posts and custom posts in different layouts.

Build Process

This plugin uses a build process to generate the production assets (JS/CSS) located in the build/ directory. The human-readable source code (the src/ and dashboard/ directories) is published in the public GitHub repository linked below.

To build the plugin from source:
1. Clone the repository: https://github.com/bPlugins/text-typing-free
2. Install dependencies: npm install
3. Run the build command: npm run build

Build Tools Used: Webpack, Babel, PostCSS.

Third-Party Libraries

This plugin uses the following third-party libraries:

• typed.js – MIT License (bundled at public/js/typed.min.js, powers the typing animation)
• textillate.js – MIT License (bundled at public/js/jquery.textillate.min.js, enqueued as a dependency of the Text Typing block)

bpl-tools

• Source / GitHub: https://github.com/bPlugins/bpl-tools
• License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html
• Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls.
• External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made

As the external service functionality is handled by bpl-tools as a third-party library, the following services are utilized:

bPlugins API

• Service URL: https://api.bplugins.com
• Purpose: The plugin’s admin dashboard fetches product comparison data and pricing information to display relevant upgrade options and feature details.
• Data Sent: Only the plugin slug is transmitted; no personal or site data is collected.
• Terms of Service: https://bplugins.com/terms-of-service/
• Privacy Policy: https://bplugins.com/privacy-policy/

WordPress.org Plugins API

• Service URL: https://api.wordpress.org/plugins/info/1.2/
• Purpose: The admin dashboard queries the official WordPress.org Plugins API to retrieve and display a curated list of other plugins by the same author („Our Plugins“ section).
• Data Sent: Plugin slugs and author name; no personal or site data is collected.
• Terms of Service: https://wordpress.org/about/tos/
• Privacy Policy: https://wordpress.org/about/privacy/