About Nebula Liquid Media

Sculpt Digital Gravity with Nebula Liquid Glass

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.

✨ Key Highlights

- 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.

⚙️ Complete Design Control

- 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.