Glitch Text
Advanced component that creates a glitch effect on text with customizable animations, shadows, and interactive triggers. Perfect for cyberpunk and futuristic designs.
Pro features
What the Pro version adds to this component.
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 @moontra/moonui-cli add glitch-textUsage
Examples
Basic Glitch
Simple glitch effect with default settings
Hover Trigger
Glitch effect only on hover
Fast Animation
Faster glitch animation speed
No Shadows
Glitch effect without colored shadows
Custom Colors
Custom shadow colors for unique effects
Different Sizes
Various text sizes for different use cases
Intensity Control
Adjust the intensity of the glitch effect