Give your Framer website a luxurious, futuristic upgrade with the Liquid Neon WebGL background. Built on high-performance GLSL shaders, this component renders a deep, atmospheric 3D fluid surface illuminated by vibrant neon lights. The fluid organically morphs and flows, creating rich, glossy specular highlights that make your page feel alive.
Designed for maximum engagement, the liquid surface is highly interactive—it ripples, pushes, and warps naturally in response to both mouse movements and touch gestures. You have complete creative control: adjust the complexity of the waves, dial in the glossiness, and blend three distinct neon accent colors over a dark canvas to perfectly match your brand. Engineered for modern web standards, it includes a smart Intersection Observer that automatically pauses rendering when off-screen, ensuring zero impact on device battery or CPU.
Functions (Key Features):
🌊 3D Fluid Dynamics: Simulates a rich, glossy liquid surface with complex, continuous wave distortions.
🖱 Interactive Ripples: The fluid naturally displaces and ripples in real-time as users move their cursor or touch the screen.
🎨 Neon Color Blending: Mix three distinct accent colors (Primary, Secondary, Ambient) to create stunning, vibrant specular highlights.
🎛 Deep Customization: Fine-tune the wave complexity, distortion amount, animation speed, and surface glossiness.
🚀 Smart Performance: Pure GPU-accelerated WebGL rendering with an automatic pause mechanism when scrolled out of view.
Give your Framer website a luxurious, futuristic upgrade with the Liquid Neon WebGL background. Built on high-performance GLSL shaders, this component renders a deep, atmospheric 3D fluid surface illuminated by vibrant neon lights. The fluid organically morphs and flows, creating rich, glossy specular highlights that make your page feel alive.
Designed for maximum engagement, the liquid surface is highly interactive—it ripples, pushes, and warps naturally in response to both mouse movements and touch gestures. You have complete creative control: adjust the complexity of the waves, dial in the glossiness, and blend three distinct neon accent colors over a dark canvas to perfectly match your brand. Engineered for modern web standards, it includes a smart Intersection Observer that automatically pauses rendering when off-screen, ensuring zero impact on device battery or CPU.
Functions (Key Features):
🌊 3D Fluid Dynamics: Simulates a rich, glossy liquid surface with complex, continuous wave distortions.
🖱 Interactive Ripples: The fluid naturally displaces and ripples in real-time as users move their cursor or touch the screen.
🎨 Neon Color Blending: Mix three distinct accent colors (Primary, Secondary, Ambient) to create stunning, vibrant specular highlights.
🎛 Deep Customization: Fine-tune the wave complexity, distortion amount, animation speed, and surface glossiness.
🚀 Smart Performance: Pure GPU-accelerated WebGL rendering with an automatic pause mechanism when scrolled out of view.
Alpheratz
