---
title: "VFX Image Slit Scan — Framer component · Best of Framer"
description: "$9.00 · Framer component · by FramerHub.io  · Effects. VFX Image Slit Scan A futuristic, sci-fi inspired distortion effect for unique visual storytelling."
canonical: "https://framer.elliotli.dev/component/vfx-image-slit-scan"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/VFX Image Slit Scan

# VFX Image Slit Scan

A retro Scan reveal effect

[View on Framer](https://framer.com/marketplace/components/vfx-image-slit-scan/?via=elliot-li)

![VFX Image Slit Scan preview image 1](https://framer.elliotli.dev/og/component/vfx-image-slit-scan/a28b1a6a8bb8ec3f/1600x1200.jpg)

## Summary

VFX Image Slit Scan A futuristic, sci-fi inspired distortion effect for unique visual storytelling.

## Description

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-rmaup2es-ilW9bYrekqKwm9tIAQxOS6WcJDCp9x)](https://framerhub.io/components?utm_source=framer_marketplace&utm_medium=framer_marketplace_components&utm_content=VFXImageSlitScan)

### VFX Image Slit Scan

A futuristic, sci-fi inspired distortion effect for unique visual storytelling. Uses WebGL shaders for high-performance slit-scan animations.

### Features

**WebGL Powered**

High-performance shader-based effect using vfx-js library.

**Smooth Transitions**

Spring-based animation for fluid hover and trigger states.

**Customizable Effect**

Adjust strength and frequency for subtle or chaotic distortions.

**Trigger Options**

Always active or hover-triggered with invert option.

### Use Cases

**Tech Landing Pages** — Reinforce a "future-forward" brand identity.

**Experimental Portfolios** — Showcase your willingness to break design norms.

**Music & Event Sites** — Create a glitchy, high-energy visual atmosphere.

**Product Launches** — Reveal new tech products with a matching aesthetic.

### Customization

**Image Settings**

\- Image: Select your image (responsive image support)

\- Image Fit: Choose Fill, Cover, or Contain

**Effect Settings**

\- Strength: Intensity of the distortion (0-2)

\- Frequency: Wave frequency of the slit-scan (1-200)

**Trigger Options**

\- Trigger: Always or On Hover

\- Invert: Flip the hover logic

### Quick Tips

**Subtle Effects** — Use strength 0.3-0.5 for elegant, professional distortions.

**High Energy** — Increase frequency (100+) and strength (1.5+) for chaotic, glitchy effects.

**Hover Reveal** — Set trigger to Hover with Invert enabled to show effect on mouseover.

### 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

Creates a sense of motion and depth that static images can't match. Ideal for tech brands, experimental layouts, and music event sites where you need a cutting-edge vibe.

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

-   All · #9222

## Details

- **Author**: FramerHub.io
- **Price**: $9.00
- **Published**: 2026-04-25
- **Updated**: 2026-04-07
- **Added**: 2025-12-20
- **Categories**: Effects

## More like this

-   [Mist](/component/mist) — Atypikal Agency · Free — Drifting mist over any photo
-   [Waypoint Road](/component/waypoint-road) — Litchi Solutions · $10 — A road that draws itself on scroll
-   [Badge Hider](/component/badge-hider) — valorsic studio · Free — Made in Framer Badge Hider
-   [Blob Tracker](/component/blob-tracker) — Shubhang Chouhan · $10 — Motion tracking with lens boxes