Glitch RGB Hover Wrapper for Framer

Preview

Add a sharp RGB glitch hover effect to any Framer frame, stack, image, card, button, or text block.

Glitch RGB Hover Wrapper is a Framer Code Component that wraps your content and applies a customizable chromatic glitch effect on hover, click/tap, or always-on mode. Use it for bold hero sections, brutalist landing pages, cyber visuals, interactive cards, product covers, portfolio moments, and experimental UI details.

What’s included:

• Slot mode for wrapping existing Framer Frames/Stacks
• Text mode with built-in typography controls
• Hover, click/tap, and always-on triggers
• Adjustable intensity, slice count, RGB offset, flicker speed, radius, clipping, and overlay opacity
• Mobile-friendly behavior with subtle tap/static handling
• No external libraries
• Built with CSS transforms, clip-path, SVG color filters, and lightweight React logic

Best for designers who want a high-impact visual effect without rebuilding layouts from scratch.