About Hover Text Distort
What is Hover Text Distort?
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.
Core Features
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.
Controls inside Framer Content & Style
Text
Font (Extended controls)
Theme (9 Presets including Purple Glow, Ocean, Sunset, Electric)
Custom Primary / Accent Colors
Background Color
Animation Physics
Intensity (Controls wave displacement strength)
Speed (Adjusts animation speed)
Best Use Cases
Tech startup hero sections
Creative agency portfolios
Product launch pages
Innovative brand experiences
Transform headlines into interactive glitch art.
Questions or custom requests?
We design and build custom Framer components. Get in touch at contact@teampixel.com.au.
