MoonUI

Glitch Text

PRO

Advanced component that creates a glitch effect on text with customizable animations, shadows, and interactive triggers. Perfect for cyberpunk and futuristic designs.

Pro Features

Unlock advanced capabilities with the Pro version

Glitch Animation

Professional glitch effect with realistic digital distortion

Custom Colors

Customize shadow colors to match your brand

Hover Trigger

Interactive glitch effects triggered by user interaction

Size Control

Multiple predefined sizes for different use cases

Speed Control

Adjustable animation speed for perfect timing

Shadow Toggle

Enable or disable colored shadows for different effects

Installation

Install via CLI

npx moonui-cli@latest add glitch-text

Usage

Pro Required
GLITCH EFFECT

Examples

Basic Glitch

PRO

Simple glitch effect with default settings

Pro Required
CYBERPUNK

Hover Trigger

PRO

Glitch effect only on hover

Pro Required
HOVER ME

Fast Animation

PRO

Faster glitch animation speed

Pro Required
FAST GLITCH

No Shadows

PRO

Glitch effect without colored shadows

Pro Required
NO SHADOWS

Custom Colors

PRO

Custom shadow colors for unique effects

Pro Required
CUSTOM COLORS

Different Sizes

PRO

Various text sizes for different use cases

Pro Required
Small Text
Medium Text
Large Text
Extra Large

Intensity Control

PRO

Adjust the intensity of the glitch effect

Pro Required
Low Intensity
Normal Intensity
High Intensity