Hover Text Distort is a code component that transforms static text into an interactive digital surface with horizontal wave distortion. It creates a modern glitch aesthetic that responds to cursor movement, spawning dynamic ripple bands that distort the text in real-time. Designed for tech-forward brands and creative portfolios, it adds visual intrigue while maintaining perfect readability.
Cursor-Reactive Distortion: Interactive ripple bands spawn based on mouse movement speed and distance.
Layered Wave Motion: Multi-frequency ambient waves create a subtle, organic breathing effect.
Premium Visuals: Gradient text support with built-in soft glow for a polished, high-end look.
Text
Font (Extended controls)
Theme (9 Presets including Purple Glow, Ocean, Sunset, Electric)
Custom Primary / Accent Colors
Background Color
Intensity (Controls wave displacement strength)
Speed (Adjusts animation speed)
Tech startup hero sections
Creative agency portfolios
Product launch pages
Innovative brand experiences
Transform headlines into interactive glitch art.
Aidan Looker
