Yami

Search documentation

Search components and pages

Text Glitch

Digital glitch bursts with RGB chromatic offset.

GLITCH

Installation

Requires MotionProvider and gsap. Add the text glitch component with the shadcn CLI.

npx shadcn@latest add https://yami.ui.unsanity.ai/r/text-glitch.json

Usage

import { TextGlitch } from "@/void/text/text-glitch"

<TextGlitch interval={2.5} className="text-3xl font-bold">
  GLITCH
</TextGlitch>

Examples

Default

GLITCH

Code

import { TextGlitch } from "@/void/text/text-glitch"

<TextGlitch interval={2.5} className="text-3xl font-bold">
  GLITCH
</TextGlitch>