Components
Native Typewriter
A typewriter text animation that types out one or more strings with adjustable speed, looping, a blinking cursor, and an optional per-character blur/morph effect.
import { NativeTypewriter } from "@/components/ui/native-typewriter-baseui";
export default function Default() {
return (
<div className="flex min-h-[220px] w-full items-center justify-center p-8">
<NativeTypewriter
content={["Build faster with 21st.dev", "Ship beautiful UI in minutes"]}
speed="medium"
loop
cursor
morph
className="text-2xl font-semibold text-foreground"
/>
</div>
);
}