Image Perlin Reveal — WebGL effect using fluid Perlin noise masking to transform images into organic, cinematic, and interactive visual experiences.
Make it with Workshop
Build your own component with AI
Image Perlin Reveal — Organic, Fluid, Hypnotic
Flow. Ripple. Reveal. — A WebGL-powered effect that uses Perlin noise distortion to organically mask and unveil your images, transforming static visuals into fluid, living artworks.
This lightweight yet powerful component generates a soft, noise-driven mask that moves like liquid energy across your media. With every hover, the image dissolves and re-emerges through ripples of turbulence, adding surreal motion and depth to your portfolio or landing page.
Why it works for your project✨ Organic reveal — powered by Perlin noise for natural fluid motion.✨ Hypnotic hover — each interaction feels alive and unpredictable.✨ Cinematic style — blends subtle distortion with atmospheric transitions.✨ Lightweight build — GPU-accelerated and fully customizable.
Feature Highlights🖼️ Image-first — crafted specifically for static media reveals.🌊 Perlin-based masking — noise distortion simulates fluid motion.⚡ Smooth easing — lerp factor ensures natural, fluid transitions.🎛️ Controls — adjust noise scale, intensity, speed, and softness.🎨 Custom states — fallback colors and blending modes available.🖥️ GPU-powered — ultra-smooth across devices and browsers.
Refund Policy7-day money-back guarantee if you’re not satisfied.
SupportNeed help or have questions? Reach out at builtwithmodulo@gmail.com