About this Component
Add a dynamic fire-like scan effect to your images using WebGL.
This component creates a moving scan animation with a glowing dot pattern and noise-based variation, giving it a rich and organic feel. It also reacts slightly to mouse movement, adding depth and interactivity.
You can control everything — from scan speed and softness to dot density, noise, brightness, and color tint.
Just upload your image and a matching depth map, and you’re ready to go.
Perfect For:
Creative hero sectionsPortfolio visualsProduct highlightsInteractive backgroundsExperimental UI designs
Key Features:
Fully responsive across all screen sizesWebGL-powered fire scan effectDepth map based movementGlowing dot grid with noise variationSubtle mouse interactionCustomizable scan speed and softnessAdjustable dot size, density, and softnessFull control over color tint (RGB)Brightness, opacity, and intensity controls
How to Use:
Upload your main imageUpload a matching depth mapAdjust scan, dot, and color settings
Important Note
This component requires a matching grayscale depth map for the best result.
This component requires both a Depth Map generated from your original image for the effect to work correctly.
The maps is not generated inside the component itself and must be created using a third-party depth map generator before use.
You can create them using free tools and AI depth map generators available online.
Once generated, simply upload the original image along with its matching maps into the component settings.
Questions? Reach out at hasanwali6890@gmail.com
Refund Policy
All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.
Hasan Wali
