---
title: "Holographic Glitch — Free Framer component · Best of Framer"
description: "Free Framer component · by Joshua Roberts · Effects. Holographic Image Glitch adds an analog TV-style shimmer to any image."
canonical: "https://framer.elliotli.dev/component/holographic-glitch"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Holographic Glitch

# Holographic Glitch

[View on Framer](https://framer.com/marketplace/components/holographic-glitch/?via=elliot-li)

![Holographic Glitch preview image 1](https://framer.elliotli.dev/og/component/holographic-glitch/6572b0b61fcfe18a/1600x1200.jpg)

## Summary

Holographic Image Glitch adds an analog TV-style shimmer to any image.

## Description

**Holographic Image Glitch** adds an analog TV-style shimmer to any image. It stacks animated scanlines, soft film noise, and a subtle RGB split that can **follow the cursor** for depth and motion. Use a multitude of different customization options to dial in the effect perfectly.

## How to use

1.  Drop the component on your canvas and set your image.
    
2.  Choose a **Distortion Type** (Offset is the cleanest starting point).
    
3.  Tweak **Glitch Intensity** and **Scanline** settings for the look you want.
    
4.  Use **Spring** for lively, reactive motion or **Tween** for steady, cinematic moves.
    
5.  Turn **Follow Cursor** off for static headers or mobile-first sections.
    

Tips

-   Default **multiply** (Color 1) + **screen** (Color 2) gives a classic chromatic split.
    
-   Lower **Intensity** for subtle depth; raise it for a bold, torn-screen vibe.
    
-   For best performance on large heroes, prefer **Offset** or moderate Wave/Ripple values.
    

## What you can control

**Image & Layout**

-   Image (responsive)
    
-   Border Radius
    
-   Follow Cursor (on/off)
    

**Scanlines**

-   Opacity, Color, Blend Mode
    
-   Speed (how fast the lines move)
    
-   Thickness (line size)
    

**Noise**

-   Opacity (how visible the grain is)
    

**Glitch**

-   Intensity (how far the RGB layers separate)
    
-   Speed (overall motion pace)
    
-   Easing (how the motion accelerates)
    
-   Transition: **Spring** (stiffness, damping, mass, bounce) or **Tween** (duration)
    
-   Two color tints + individual blend modes
    

**Distortion**

-   Type: **Offset**, **Wave**, **Ripple**, **Pixelate**
    
-   Wave: Frequency & Amplitude
    
-   Ripple: Strength
    
-   Pixelate: Amount
    

## Notes

-   Works at any size and respects border radius.
    
-   In static thumbnails/exports, it falls back to the clean image for crisp snapshots.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #5716

## Details

- **Author**: Joshua Roberts
- **Published**: 2025-09-02
- **Updated**: 2025-09-02
- **Added**: 2025-08-21
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo
