KokonutUI Logo

TX-04TextsUpdated, October 14, 2026

Extruded Text

Zinc 3D extruded text lit by your pointer, with letters that press in like keycaps.

Install with
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-text

Usage

import SwooshText from "@/components/kokonutui/swoosh-text";

export default function Example() {
  return <SwooshText text="Extruded" />;
}

Dependencies

Built with React and Tailwind CSS.

On this page

No Headings