Plugin
UtilitiesTypewriter
Joomla plugin for typewriter text effect with adjustable speed and cursor.
Instant access after purchaseOne-click Joomla updatesLifetime option available
30-day money-back guarantee
Works with
Joomla 4 Joomla 5 Joomla 6
Changelog — Typewriter
Version 1.4: 20 October 2026
- Download Key support on the update site (dlid).
Version 1.3: 18 July 2026
- Full rebuild for Joomla 4, 5, and 6 with service provider and SubscriberInterface
- Shortcodes work site-wide via onAfterRender (articles, modules, custom HTML)
- Vanilla JS rewrite with cursor blink CSS — no jQuery
- New options: loop, start delay, start-when-visible, reduced-motion, custom tag/class
- Simpler
phrases="One|Two|Three"syntax alongside text1 / text2 - Plugin-level defaults for speeds, delay, and cursor style
- Protects shortcodes inside pre/code documentation blocks
- Cleaner package — legacy root JS entry removed
Version 1.0: 24 July 2024
- Initial Infyways release with article shortcodes
Version 1.2: 18 February 2026
- Erasing effect can be disabled: optional "type only" mode so only the typing animation is shown; text clears instantly before the next phrase (no backspace animation)
- Global "Disable Erasing" option in plugin parameters to turn off erasing for all typewriter shortcodes by default
- Per-shortcode override via new shortcode attribute disableErasing (values: 1, true, or yes) to enable or disable erasing per instance
- Shortcode Examples tab updated with a "Type Only (No Erasing)" example with one-click copy
- JavaScript updated to support disableErasing; when enabled, text is cleared in one step instead of character-by-character erasing
- Typewriter containers now use data-disable-erasing to pass the setting from PHP to the script
Version 1.1: 20 November 2025
- Compatible with Joomla 4, 5, and 6
- Added Shortcode Examples tab with 12+ ready-to-use examples and one-click copy functionality
- Migrated asset loading to WebAssetManager for modern Joomla API compliance
- Replaced deprecated JURI::root() with Uri::root() for Joomla 4+ compatibility
- Added jx- prefix to all CSS classes and IDs to prevent conflicts with other extensions
- Enhanced input validation and sanitization for all shortcode parameters
- Improved speed value validation (50-1000ms range) with automatic bounds checking
- Added automatic erasing speed calculation based on typing speed when not specified
- Enhanced JavaScript with better error handling and DOM ready detection
- Improved code structure with proper PHPDoc comments and modern PHP syntax
- Added security improvements including htmlspecialchars() for all output
- Optimized asset loading to only occur when typewriter shortcodes are present
- Updated branding to JoomlaX with updated support URLs
- Added download key (dlid) support for automatic updates
Version 1.0: 24 July 2024
- Initial release
- Basic typewriter effect with customizable text phrases
- Support for typing speed, erasing speed, and delay before erasing
- Customizable cursor color and thickness
- Simple shortcode syntax for easy implementation
- Joomla 3.x compatible
DemoExample 1 — Welcome headline
A simple two-phrase loop for hero sections and landing pages.
{typewriter text1="Welcome to JoomlaX Demo" text2="Build something remarkable" typingSpeed="120" erasingSpeed="60" delayBeforeErasing="2200" cursorColor="#1819ed" cursorThickness="0.12em" /}DemoExample 2 — Feature highlights
Rotate three feature lines with a sky-blue cursor.
{typewriter text1="Fast and lightweight" text2="Joomla 4, 5 and 6 ready" text3="No coding required" typingSpeed="100" erasingSpeed="50" delayBeforeErasing="2000" cursorColor="#0ea5e9" cursorThickness="0.12em" /}DemoExample 3 — Contact call-to-action
Guide visitors toward support with a green accent cursor.
{typewriter text1="Need help with Joomla?" text2="Contact us today" text3="This email address is being protected from spambots. You need JavaScript enabled to view it. " typingSpeed="90" erasingSpeed="45" delayBeforeErasing="2500" cursorColor="#10b981" cursorThickness="0.12em" /}DemoExample 4 — Motivational line
Slower typing for a calmer, more deliberate feel.
{typewriter text1="Believe in your ideas" text2="Ship with confidence" typingSpeed="180" erasingSpeed="80" delayBeforeErasing="3000" cursorColor="#f59e0b" cursorThickness="0.1em" /}DemoExample 5 — Promo banner
Faster typing with a bold red cursor for urgency.
{typewriter text1="Limited-time offer" text2="Save 30% on all extensions" typingSpeed="70" erasingSpeed="35" delayBeforeErasing="1800" cursorColor="#ef4444" cursorThickness="0.14em" /}DemoExample 6 — Services list
Four phrases cycling through your service offering.
{typewriter text1="Web development" text2="Joomla extensions" text3="Site migrations" text4="SEO optimisation" typingSpeed="110" erasingSpeed="55" delayBeforeErasing="2000" cursorColor="#344054" cursorThickness="0.1em" /}DemoExample 7 — Pipe phrases (1.3)
Use phrases="A|B|C" instead of numbered text1/text2 attributes.
{typewriter phrases="Design. Build. Launch.|Joomla extensions that convert" typingSpeed="100" cursorColor="#0f766e" /}