A high-performance, customizable glitch effect for Framer that adds a cyber-punk or retro-tech aesthetic to your site.
Smooth Hover Transitions
Unlike basic CSS filters, this uses WebGL for a fluid, high-end feel.
Fully Responsive
Works perfectly on all device sizes.
Highly Customizable
Control when the glitch happens to match your user experience.
Hero Sections — Create impactful, edgy hero images that grab attention immediately.
Interactive Cards — Reveal the effect only when a user hovers, encouraging exploration.
Portfolios — Add a creative touch to project thumbnails with a unique visual style.
Image Settings
- Image: Choose your image
- Image Fit: Select Fill, Cover, or Contain
Effect Controls
- Speed: Adjust glitch animation speed (0.1-10)
- Strength: Control distortion intensity (0-3)
- RGB Shift: Chromatic aberration amount (0-10)
- Scanlines: CRT scanline intensity (0-2)
- Block Glitch: Enable random block color swapping
Trigger Options
- Trigger: Choose "Always" or "On Hover"
- Invert Hover: Flip the hover logic
Best Performance — Default settings work great. For subtle effects, use Speed 0.5-1.0. For intense glitching, try Speed 3.0+.
Retro Feel — Increase Scanlines to 1.5+ for that classic CRT monitor look.
Hover Interactions — Set Trigger to "On Hover" for interactive reveals that engage users.
RGB Shift — Higher values (5+) create dramatic chromatic aberration effects.
Single Use License — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.
Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!
Instantly add a premium, interactive layer to your images without writing code. Perfect for portfolios, hero sections, and creative agency sites where you want to stand out.
FramerHub.io 
