ai-animate

Text

GlitchText

RGB channel split with random flicker and glitch bursts for a chaotic distortion effect.

Installation

npm install @ai-animate/core

Usage

import { GlitchText } from '@ai-animate/core'


<GlitchText text="SIGNAL CORRUPTED" fontSize={32} color="#ff0000" />

Props

textstringThe text to display (required)
fontSizestring | number24Font size
colorstring#ffffffText color
backgroundstringtransparentBackground color
fontWeightnumber | string800Font weight
glitchIntervalnumber3000Quiet time between glitches in ms
glitchDurationnumber600Glitch burst length in ms
loopbooleanfalseWhether to loop
classNamestringundefinedAdditional CSS class