# Typewriter - Animated text component

**URL:** <https://forums.realmacsoftware.com/t/typewriter-animated-text-component/56473>\
**Category:** Elements Store\
**Created:** [June 2, 2026, 5:56pm UTC](https://forums.realmacsoftware.com/t/typewriter-animated-text-component/56473 "2026-06-02T17:56:20Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\
**Post date:** [June 2, 2026, 5:56pm UTC](https://forums.realmacsoftware.com/t/typewriter-animated-text-component/56473/1 "2026-06-02T17:56:20Z")

</div>

Hi guys, introduci ’ [Typewriter](https://www.multithemes.com/elements/components/typewriter/)’ a smart component with text animation 😎 Designed from the ground up to offer the **maximum flexibility for real-world use!**

[![demo1](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/4/f43ac5d1e9c410cc87b59e0e149137f466c5c88b.gif)](https://www.multithemes.com/elements/components/typewriter/ghost-text/)

Unlike basic typewriter effects, it supports multiple animated strings in sequence, each carrying its own message while sharing a consistent visual style. But what makes it genuinely different goes further than that.

[![typewriter_multithemes_001](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/3/f/3f6c133f2bd4d5561bcfa8a7dd21de4d9588fcd6.jpeg)](https://www.multithemes.com/elements/components/typewriter/)

[![demo2](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/7/2762192681b85a7fa06058ac0b594911bee2192c.gif)](https://www.multithemes.com/elements/components/typewriter/isometric/)

It can start on page load or trigger when the element scrolls into view. Inertia and easing give every character a rhythm that feels intentional, not mechanical.

[![typewriter_multithemes_004](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/0/9075a09c187a4e7b1d67e2fd9a74da1fa7c70386.jpeg)](https://www.multithemes.com/elements/components/typewriter/ghost-text/)

Combined with [Ghost Text](https://www.multithemes.com/elements/components/typewriter/ghost-text/) for multi-line stability and Reverse mode for choreographic sequences, it delivers a level of expressiveness that goes well beyond a simple typing effect.

[![demo3](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/7/c7ea254b0c0f2644b88c85f477079a90fb4a87d9.gif)](https://www.multithemes.com/elements/components/typewriter/demos/)

# Try Typewriter online!

This is a simplified simulator showcasing only the main features of the Typewriter, just enough to get a feel for how it works. 😲 👍 try it!

[![simulator](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/4/6/460f73851541eaa36784974b8774aa9da3147730.jpeg)](https://www.multithemes.com/elements/components/typewriter/)

## Key features:

Multiple animated strings

Reverse (delete & retype) mode

Ghost Text for fixed-height layouts

Scroll-triggered or on-load start

Inertia & easing controls (ease-in, ease-out, ease-in-out) cool feature! 😎

Fully customisable cursor — size, colour, radius, spacing

Static text before and after the animated portion

Fade out, loop count, start delay, pause between strings

Image or gradient clipped to text and more

**Typewriter** is [available in the Marketplace!](https://store.elementsapp.io/components/typewriter)

Now in promo 😀

thanks!

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [June 2, 2026, 8:13pm UTC](https://forums.realmacsoftware.com/t/typewriter-animated-text-component/56473/2 "2026-06-02T20:13:00Z")

</div>

Very nice work - like it a lot… clever

---

<div class="post-metadata">

**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\
**Post date:** [June 3, 2026, 4:37am UTC](https://forums.realmacsoftware.com/t/typewriter-animated-text-component/56473/3 "2026-06-03T04:37:05Z")

</div>

Thanks Michael, always towards doing things smart 😎

---

<div class="post-metadata">

**Author:** ![ziplock](https://avatars.discourse-cdn.com/v4/letter/z/d2c977/32.png) [@ziplock](https://forums.realmacsoftware.com/u/ziplock)\
**Post date:** [June 10, 2026, 2:28am UTC](https://forums.realmacsoftware.com/t/typewriter-animated-text-component/56473/4 "2026-06-10T02:28:48Z")

</div>

I bought the new MultiThemes TypeWriter component a few days ago and have been testing it on a website I’m currently building. I love it—very well designed and powerful. I plan to use TyperWriter to highlight quotes and call-outs used in collections of articles and essays.

Thanks Michael.

---

<div class="post-metadata">

**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\
**Post date:** [June 10, 2026, 5:56am UTC](https://forums.realmacsoftware.com/t/typewriter-animated-text-component/56473/5 "2026-06-10T05:56:21Z")

</div>

> [@ziplock](#):
>
> and have been testing it on a website I’m currently building. I love it—very well designed and powerful

Michael thanks a lot! 🙏

> [@ziplock](#):
>
> I plan to use TyperWriter to highlight quotes and call-outs used in collections of articles and essays.

👏💯 ..because this is one of the things I’ve spent the most time on to expand its use.

Let me know if you need help.

Regards

---

<div class="post-metadata">

**Author:** ![ziplock](https://avatars.discourse-cdn.com/v4/letter/z/d2c977/32.png) [@ziplock](https://forums.realmacsoftware.com/u/ziplock)\
**Post date:** [June 10, 2026, 12:25pm UTC](https://forums.realmacsoftware.com/t/typewriter-animated-text-component/56473/6 "2026-06-10T12:25:01Z")

</div>

Michael, your quick response to my questions and the usefulness of the Typewriter component provide me with creative ways to bring emphasis and liveliness to a text-heavy website.

Yesterday, I spent time going through the demos for MultiThemes Clipboard and Info Popup Pro. These new components along with Typewriter animations certainly exceed what I imagined I could do with my website. Thanks again for these feature-rich components that provide sensible and practical solutions for my web-content needs.

---

<div class="post-metadata">

**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\
**Post date:** [June 10, 2026, 5:15pm UTC](https://forums.realmacsoftware.com/t/typewriter-animated-text-component/56473/7 "2026-06-10T17:15:14Z")

</div>

> [@ziplock](#):
>
> Yesterday, I spent time going through the demos for MultiThemes Clipboard and Info Popup Pro. These new components along with Typewriter animations certainly exceed what I imagined I could do with my website. Thanks again for these feature-rich components that provide sensible and practical solutions for my web-content needs.

Terry 🙏 🥹

The components are designed so organically that they can be used together for specific purposes. The [Info pop-up](https://www.multithemes.com/elements/components/info-pop-up-pro/) design paved the way for all those integrated components that serve to provide precise information. If I can, I’ll also create a demo site where I can see them working together. Thanks again. 🙏

---

<div class="post-metadata">

**Author:** ![mrTablet](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mrtablet/32/21819_2.png) [@mrTablet](https://forums.realmacsoftware.com/u/mrTablet)\
**Post date:** [June 10, 2026, 6:32pm UTC](https://forums.realmacsoftware.com/t/typewriter-animated-text-component/56473/8 "2026-06-10T18:32:34Z")

</div>

@MultiThemes Which text-to-speech app do you use on your pages?

---

<div class="post-metadata">

**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\
**Post date:** [June 10, 2026, 7:39pm UTC](https://forums.realmacsoftware.com/t/typewriter-animated-text-component/56473/9 "2026-06-10T19:39:38Z")

</div>

[https://elevenlabs.io](https://elevenlabs.io) model: Alexandra - Conversational and Natural

However, there is a completely free alternative, perhaps a little more cumbersome to achieve good-quality results. [https://clipchamp.com/](https://clipchamp.com/) allows you to use it online for free with a Microsoft account and has a decent speech module. It also directly exports audio clips, even though it’s a video program. It’s a bit of a misuse, but it works and it’s free.

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [June 10, 2026, 8:06pm UTC](https://forums.realmacsoftware.com/t/typewriter-animated-text-component/56473/10 "2026-06-10T20:06:29Z")

</div>

I can vouch for eleven labs - use it every 5 days…

Very happy with results

There’s s slider in voice edit - bring stability - down to 40% instead of 50%

Adds more variety and sounds better…

 ![IMG_0986](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/4/e48181d28da03273c54d08ce8657459fc2c4d66e.jpeg)

---

<div class="post-metadata">

**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\
**Post date:** [June 10, 2026, 9:22pm UTC](https://forums.realmacsoftware.com/t/typewriter-animated-text-component/56473/11 "2026-06-10T21:22:20Z")

</div>

+1 much depends on your needs and purpose. Costs may increase if you want to improve quality, but in general, if you have average needs, you can work with free products.

However, I also agree that elevenlabs is excellent; if used wisely, it also allows you to optimize costs.

BTW: Elevenlabs also offers a free account, but you don’t have access to Pro voices (though this is less true for English, it’s much more restrictive for other languages).

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [June 10, 2026, 9:26pm UTC](https://forums.realmacsoftware.com/t/typewriter-animated-text-component/56473/12 "2026-06-10T21:26:32Z")

</div>

I use v2 voices - more economical - still really good - for 8-25 minute segments…

For short 1 minute texts I would use the advanced v3 voices

Hope that helps…

---

<div class="post-metadata">

**Author:** ![AnasHyeee](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/anashyeee/32/27982_2.png) [@AnasHyeee](https://forums.realmacsoftware.com/u/AnasHyeee)\
**Post date:** [June 15, 2026, 4:57am UTC](https://forums.realmacsoftware.com/t/typewriter-animated-text-component/56473/13 "2026-06-15T04:57:35Z")

</div>

Great component for hero-type animation. @MultiThemes always creates something great

---

<div class="post-metadata">

**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\
**Post date:** [June 15, 2026, 3:25pm UTC](https://forums.realmacsoftware.com/t/typewriter-animated-text-component/56473/14 "2026-06-15T15:25:13Z")

</div>

Thanks a lot Anas! 🙏

---

<div class="post-metadata">

**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\
**Post date:** [September 29, 2026, 9:40pm UTC](https://forums.realmacsoftware.com/t/typewriter-animated-text-component/56473/15 "2026-09-29T21:40:47Z")

</div>

# [Typewriter](https://www.multithemes.com/elements/components/typewriter/) **is AI-ready** 💡

This update (Build 4) makes Typewriter fully compatible with the Elements AI Assistant. Every option now carries a clear, plain-language description, so the AI understands what each setting does.

_Ask for “a large headline that types three messages in a loop” and the AI sets strings, Repeat and timing for you._ 😎

[Look at the Demos](https://www.multithemes.com/elements/components/typewriter/demos/) 🔍 If you have already purchased the component, update it. ⬆

Typewriter has many options that combine into rich choreographic effects, **so I put extra care into making every AI instruction as precise as possible!**

Thanks!
