Vibe UI
Initializing Vibe UI System...

Text Glitch

A high-fidelity, CSS-animation-powered cyberpunk text glitch component featuring red/cyan chromatic aberrations and custom speed toggles.

Text Glitch

A high-fidelity, CSS-animation-powered cyberpunk text glitch component featuring red/cyan chromatic aberrations and custom speed toggles.

Preview

SYSTEM GLITCH

Installation

pnpm dlx vibe-ui-kit@latest add text-glitch

Variations

Animation Speeds

Choose between slow frequency, normal mode, or fast clock speeds for the glitching interval.

SlowSLOW FREQUENCY
NormalNORMAL MODE
FastOVERCLOCK FAST

Trigger Control

Animate the glitch continuously or trigger it dynamically via state actions.

DATABASE CORRUPTED

Props

PropTypeDefaultDescription
textstringundefinedThe text content to display and animate.
speed'slow' | 'normal' | 'fast''normal'The animation cycle speed.
activebooleantrueWhen true, triggers the continuous glitch animation loops.

Contributors

Theme Customizer

8px
@theme { --radius: 0.5rem; --glass-blur: 8px; }
Changes apply instantly to this documentation workspace.