A futuristic, sci-fi inspired distortion effect for unique visual storytelling. Uses WebGL shaders for high-performance slit-scan animations.
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.
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.
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
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.
Single Use License — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.
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!
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.
FramerHub.io 
