Skip to main content

Type echo

TypeEcho animates text with a typewriter effect, starting when the element scrolls into view and showing a cursor until the text completes.

Example

<TypeEcho text="Build React apps with less glue and more possibility." />

Usage

<TypeEcho text={slogan} intervals={100} />

intervals sets the delay between characters in milliseconds (default 150). The animation runs once per mount, driven by an IntersectionObserver so off-screen text does not animate early.