KokonutUI Logo

TX-02TextsUpdated, October 14, 2026

Dynamic Text

Morphing text where shared letters travel, old ones fall and new ones land, with decode and cycle modes.

Install with
no extra packages

PROKinetic Type Hero and more like it are in Kokonut UI Pro

Installation

Dynamic 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/dynamic-text.tsx, so the code is yours to change.

npx shadcn@latest add @kokonutui/dynamic-text

Usage

import DynamicText from "@/components/kokonutui/dynamic-text";

export default function Example() {
  return <DynamicText />;
}

Dependencies

Built with React and Tailwind CSS.

On this page

No Headings