KokonutUI Logo

TX-03TextsUpdated, October 14, 2026

Glitch Text

Flat text that cuts into hard-shifted bands with a thin red/cyan split, on idle, hover or text change.

Install with
no extra packages

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

Installation

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

npx shadcn@latest add @kokonutui/glitch-text

Usage

import GlitchText from "@/components/kokonutui/glitch-text";

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

Dependencies

Built with React and Tailwind CSS.

On this page

No Headings