Nebula Liquid Media

GPU-Powered Gravitational Vortex Shader

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. 💡 Perfect For: - 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.

GPU-Powered Gravitational Vortex Shader