Image Perlin Reveal
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
About this Component
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
