Nebula Liquid Glass is an advanced WebGL-powered component designed specifically for designers who demand the highest level of visual sophistication. Far beyond standard ripple effects, this component utilizes a custom Gravitational Vortex engine to manipulate pixels in real-time, creating a mesmerizing interaction that feels like liquid glass moving through space.
- Gravitational Vortex Engine: Pixels don't just move; they spiral and rotate toward the cursor based on a custom vortex algorithm. This creates a powerful "black hole" aesthetic that adds unparalleled depth to your hero sections and media galleries.
- Liquid Glass Refraction: Using high-fidelity displacement mathematics, the shader mimics the optical properties of light passing through thick, distorted glass. The result is an organic, high-end feel that reacts fluidly to user input.
- Negative Mode Inversion: Introduce a touch of mystery with the "Dark Matter" feature. This unique toggle allows you to invert colors specifically within the vortex mask, creating a surreal, high-contrast visual that is perfect for experimental branding and edgy portfolios.
- Interactive 3D Spatial Tilt: The component isn't just a flat layer. It features integrated 3D depth, tilting the entire container toward the cursor. This creates a tactile, physical presence that makes the digital interface feel more responsive and premium.
- Agency-Pro Performance: Built on optimized WebGL code, Nebula Liquid Glass runs at a locked 60FPS on modern devices. It is lightweight yet powerful, ensuring that your site remains fast without sacrificing visual quality.
- Vortex & Refraction Tuning: Fine-tune the spiral strength and the intensity of the glass distortion via simple property controls.
- Negative Mode Slider: Seamlessly transition between standard rendering and the inverted dark matter effect.
- Silk-Smooth Damping: Adjust the damping parameter to achieve the perfect cinematic mouse-tracking feel, from sharp and responsive to heavy and atmospheric.
- Video & Image Support: Fully compatible with high-resolution images and MP4/MOV video files, featuring built-in autoplay and play-on-hover synchronization.
- Elite Design Portfolios: Create a hero experience that stops users in their tracks.
- High-Concept Agency Sites: Showcase technical prowess and attention to detail.
- Luxury & Tech Banners: Use the refraction and negative mode for mysterious, otherworldly aesthetics.
Nebula Liquid Glass is an advanced WebGL-powered component designed specifically for designers who demand the highest level of visual sophistication. Far beyond standard ripple effects, this component utilizes a custom Gravitational Vortex engine to manipulate pixels in real-time, creating a mesmerizing interaction that feels like liquid glass moving through space.
- Gravitational Vortex Engine: Pixels don't just move; they spiral and rotate toward the cursor based on a custom vortex algorithm. This creates a powerful "black hole" aesthetic that adds unparalleled depth to your hero sections and media galleries.
- Liquid Glass Refraction: Using high-fidelity displacement mathematics, the shader mimics the optical properties of light passing through thick, distorted glass. The result is an organic, high-end feel that reacts fluidly to user input.
- Negative Mode Inversion: Introduce a touch of mystery with the "Dark Matter" feature. This unique toggle allows you to invert colors specifically within the vortex mask, creating a surreal, high-contrast visual that is perfect for experimental branding and edgy portfolios.
- Interactive 3D Spatial Tilt: The component isn't just a flat layer. It features integrated 3D depth, tilting the entire container toward the cursor. This creates a tactile, physical presence that makes the digital interface feel more responsive and premium.
- Agency-Pro Performance: Built on optimized WebGL code, Nebula Liquid Glass runs at a locked 60FPS on modern devices. It is lightweight yet powerful, ensuring that your site remains fast without sacrificing visual quality.
- Vortex & Refraction Tuning: Fine-tune the spiral strength and the intensity of the glass distortion via simple property controls.
- Negative Mode Slider: Seamlessly transition between standard rendering and the inverted dark matter effect.
- Silk-Smooth Damping: Adjust the damping parameter to achieve the perfect cinematic mouse-tracking feel, from sharp and responsive to heavy and atmospheric.
- Video & Image Support: Fully compatible with high-resolution images and MP4/MOV video files, featuring built-in autoplay and play-on-hover synchronization.
- Elite Design Portfolios: Create a hero experience that stops users in their tracks.
- High-Concept Agency Sites: Showcase technical prowess and attention to detail.
- Luxury & Tech Banners: Use the refraction and negative mode for mysterious, otherworldly aesthetics.
