ImageHoverGlitch
HoverGlitchImage adds a customizable glitch effect to any image on hover—adjust intensity, speed, and corner radius for edgy, interactive visuals in Framer.
Make it with Workshop
Build your own component with AI
About this Component
About this Component
HoverGlitchImage brings a dynamic, cyberpunk-inspired twist to your visuals with an interactive glitch distortion effect triggered on hover. Perfect for portfolios, landing pages, or any site looking to add a bold, tech-forward aesthetic.
Built for full control, you can customize the distortion intensity, glitch frequency, and corner radius directly from Framer’s property controls—no code needed.
Features
Glitch effect activates on hover for interactive feedback
Adjustable intensity for subtle to extreme distortion
Customizable speed for glitch frequency and pacing
Editable corner radius for smooth or sharp edges
Fully responsive and works with any image
Seamlessly integrates with Framer’s visual editor
Great for futuristic, experimental, or edgy web designs
