Components
Characters appear one by one as if being typed, with an optional blinking cursor. Supports multi-string looping with delete animations.
Loading preview...
import { Typewriter } from "@/components/ui/typewriter";
export default function TypewriterLoop() {
return (
<div className="flex min-h-50 items-center justify-center px-6">
<h2 className="text-center font-bold text-3xl text-foreground tracking-tight">
We help teams{" "}
<span className="text-primary">
<Typewriter
deleteSpeed={25}
loop
speed={55}
text={[
"ship faster",
"design better",
"animate beautifully",
"stay consistent",
]}
waitTime={1800}
/>
</span>
</h2>
</div>
);
}