LetterGlitch

UI Primitives

Canvas-based glitch text effect with configurable speed, colors, and smooth transitions.

Install

npx bouncekit@latest add letterglitch

Import

import { LetterGlitch } from "@/components/ui/letter-glitch"

API Reference

Prop	Type	Required	Description
`glitchColors`	`string[]`	—	Hex colors for glitch characters.
`glitchSpeed`	`number`	—	Interval (ms) between glitch cycles. Default: 50.
`characters`	`string`	—	Character set to sample from.
`smooth`	`boolean`	—	Smooth color transitions. Default: true.

Source

src/components/ui/letter-glitch.tsx

Components/UI Primitives/LetterGlitch