VFX Image Glitch

Add a cyber-punk glitch effect to your images.

One-time payment
Lifetime updates
Commercial license
Live Preview

Overview

Add a cyber-punk glitch effect to your images.

  • Three.js WebGL powered glitch effect
  • RGB splitting and scanlines
  • High performance

VFX Image Glitch

A high-performance, customizable glitch effect for Framer that adds a cyber-punk or retro-tech aesthetic to your site.

Features

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.

Use Cases

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.

How to Use

Installation

VIDEO PLACEHOLDER: Installation Tutorial

  1. Log in to your account at framerhub.io
  2. Navigate to framerhub.io/dashboard
  3. Find VFX Image Glitch in your Recent Purchases
  4. Click the "Copy" button
  5. Open your Framer project
  6. Paste the component anywhere on your canvas (Cmd/Ctrl + V)

Customization

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

Quick Tips

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.

License

Single Use License — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.

Refund Policy

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!

Why Designers Love This

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.

VFX Image Glitch - $9

Add a cyber-punk glitch effect to your images.

One-Time Payment
Lifetime Access
Unlimited sites

You might also like

Why Choose Framer Hub Components

Loved by Framer teams

Used by Framer professionals who need premium, no-code experiences.

"The Best Framer CMS Filtering Plugin I've Found — Truly a Game-Changer. I've tested a lot of Framer CMS filtering and sorting components — both free and paid — and this is by far the best one I've come across."
Pierre Azalbert
"He really helped me out when I needed assistance adding it to my Framer project. Super fast customer support highly recommend!"
Salman Abdulrazaq Ali
"We had tried a couple of other Framer CMS filter components but they were buggy, hard to use and support was slow or non-existent. FramerCMSFilter is easier to use and has a lot of added functionality."
Mark Williamson

Got questions? We've the answers

Got questions? We've the answers

Everything you need to know about FramerHub.