TX-04TextsUpdated, October 14, 2026
Extruded Text
Zinc 3D extruded text lit by your pointer, with letters that press in like keycaps.
no extra packages
PROKinetic Type Hero and more like it are in Kokonut UI Pro
Installation
Extruded 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/swoosh-text.tsx, so the code is yours to change.
npx shadcn@latest add @kokonutui/swoosh-textUsage
import SwooshText from "@/components/kokonutui/swoosh-text";
export default function Example() {
return <SwooshText text="Extruded" />;
}Dependencies
Built with React and Tailwind CSS.

