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.