Components
An animated typewriter title that types, pauses, deletes and loops through a sequence of words with a blinking cursor and natural typing variance.
Loading preview...
import TypewriterTitle from "@/components/ui/type-writer";
export default function TypewriterDemo() {
return (
<div className="flex min-h-[420px] w-full items-center justify-center bg-background">
<TypewriterTitle
sequences={[
{ text: "Build faster", deleteAfter: true },
{ text: "Ship sooner", deleteAfter: true },
{ text: "with KokonutUI", deleteAfter: false },
]}
typingSpeed={60}
autoLoop
/>
</div>
);
}