plugin
UtilitiesTypewriter
Joomla plugin for typewriter text effect with adjustable speed and cursor.
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" /}