The Chromatic Lens Effect is a production-ready WebGL glass engine that transforms static content into a fluid, interactive masterpiece. Beyond simple magnification, it now features a physics-based Liquid Merge system, allowing up to 60 floating lenses to organically melt into one another like water droplets.
Visual fidelity has been massively upgraded with a new Reflection Engine, creating realistic surface smears, light refraction, and glass-edge imperfections. Fully optimized for real-world deployment, the component now includes native Touch Tracking for seamless mobile experiences and a smart Placeholder System for instant visual loading.
From cinematic hero sections to interactive branding, this tool offers deep customization over physics, optics, and lighting.
Content & Appearance
image
placeholderImage (New)
overlayImages
overlayTexts (Stackable)
backgroundColor
Floating Physics (Liquid)
floatingCount (Up to 60)
floatingMovement
enableLiquidMerge
liquidSmoothness
floatingSpeed
Glass Reflections (New)
enableReflections
reflectionOpacity
reflectionReach
reflectionBlur
reflectionSqueeze
Interaction
mouseFollow
followSmoothness
enableDrag (Smear)
enableTouchTracking (Mobile Support)
cursorStyle
Lens Shape & Size
usePixelSize
lensShape (Ellipse, Pill)
radius / lensWidthPixels / lensHeightPixels
lensRotation
Distortion Effects
distortionMode (Edge Pinch, Fisheye)
lensStrength
edgePinchSpread
enableSwirl / swirlStrength
enableWobble / wobbleStrength
Color & Style
aberrationStrength
aberrationMode (Linear, Radial)
enableTint / tintColor
enableBlur / blurStrength
Inam 
