★ Typewriter ★ Animated text component

Hi guys, introduci ’ Typewriter’ a smart component with text animation :smiling_face_with_sunglasses: Designed from the ground up to offer the maximum flexibility for real-world use!

demo1

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

demo2

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

Combined with 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

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. :astonished_face: :+1: try it!

simulator

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! :smiling_face_with_sunglasses:

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!

Now in promo :grinning_face:

thanks!

Very nice work - like it a lot… clever

Thanks Michael, always towards doing things smart :smiling_face_with_sunglasses: