TX-01TextsUpdated, October 14, 2026
Typing Text
Typewriter text that makes the odd typo and corrects it, erases by selecting, and blinks its caret only when idle, built with React and Motion.
motion
PROKinetic Type Hero and more like it are in Kokonut UI Pro
Installation
Typing Text is a free, open-source React component in the Kokonut UI Texts collection. Add it with the shadcn CLI, which copies the source into components/kokonutui/type-writer.tsx, so the code is yours to change.
npx shadcn@latest add @kokonutui/type-writerUsage
import TypewriterTitle from "@/components/kokonutui/type-writer";
export default function Example() {
return <TypewriterTitle deleteMode="select" typos={0.06} />;
}Dependencies
Built with React, Tailwind CSS and motion.
