About this Component
Create a clean neon edge scan effect using WebGL.
This component uses both a depth map and an edge map to generate a glowing scan that highlights the outlines of your image. The result is sharp, futuristic, and perfect for modern UI designs.
It also includes subtle mouse-based movement, adding depth and interaction without being overwhelming.
You can fully control the scan behavior, intensity, brightness, and neon tint to match your design style.
Perfect For:
Futuristic UI designsCyberpunk-style visualsPortfolio highlightsProduct showcasesInteractive backgrounds
Key Features:
Fully responsive across all screen sizesWebGL-powered neon edge scanUses both depth map and edge mapClean glowing outline effectSubtle mouse interactionCustomizable scan speed and softnessFull control over neon color (RGB)Adjustable brightness, opacity, and intensityDepth and edge invert options
How to Use:
Upload your main imageUpload a matching depth mapUpload an edge mapAdjust scan and color settings
Important Note
This component requires a matching grayscale depth map for the best result.
This component requires both a Depth Map and an Edge Map generated from your original image for the effect to work correctly.
These maps are not generated inside the component itself and must be created using a third-party depth/edge 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.