Typewriter
Joomla plugin for typewriter text effect with adjustable speed and cursor.
A simple two-phrase loop for hero sections and landing pages. Adjust typingSpeed to control how fast characters appear.
{typewriter text1="Welcome to JoomlaX Demo" text2="Build something remarkable" typingSpeed="120" erasingSpeed="60" delayBeforeErasing="2200" cursorColor="#1819ed" cursorThickness="0.12em" /}Rotate three selling points with a coloured cursor. Add as many phrases as you need using text1, text2, text3, and so on.
{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" /}Encourage visitors to get in touch. Pair with a button or link below the animated line.
{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" /}Slower typing suits short motivational lines. Increase delayBeforeErasing so readers have time to read each phrase.
{typewriter text1="Believe in your ideas" text2="Ship with confidence" typingSpeed="180" erasingSpeed="80" delayBeforeErasing="3000" cursorColor="#f59e0b" cursorThickness="0.1em" /}Fast typing and erasing create urgency for offers and announcements.
{typewriter text1="Limited-time offer" text2="Save 30% on all extensions" typingSpeed="70" erasingSpeed="35" delayBeforeErasing="1800" cursorColor="#ef4444" cursorThickness="0.14em" /}Cycle through four services or product names in a single shortcode block.
{typewriter text1="Web development" text2="Joomla extensions" text3="Site migrations" text4="SEO optimisation" typingSpeed="110" erasingSpeed="55" delayBeforeErasing="2000" cursorColor="#344054" cursorThickness="0.1em" /}- Unlimited rotating phrases via
text1,text2,text3… -
typingSpeedanderasingSpeedin milliseconds -
delayBeforeErasingpause before the erase cycle - Custom
cursorColorandcursorThickness - Drop into articles, modules, or custom HTML
- Lightweight vanilla JavaScript — no jQuery
Configure in
System → Plugins → System - Typewriter
Animated text that grabs attention
Typewriter effect for Joomla
Typewriter adds a classic typing-and-erasing animation to any headline or tagline. Drop a shortcode into your article, pick your phrases, tune the speed and cursor style, and let the effect loop automatically.
text1, text2, text3…Ready to animate your headlines?
Install Typewriter, enable the plugin, and add your first shortcode in minutes — no template edits required.
- Joomla 4, 5 & 6
- Free updates
- Dedicated support