---
title: "Nebula Liquid Media — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Creative Apes · Effects. GPU-Powered Gravitational Vortex Shader"
canonical: "https://framer.elliotli.dev/component/nebula-liquid-media"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Nebula Liquid Media

# Nebula Liquid Media

GPU-Powered Gravitational Vortex Shader

[View on Framer](https://framer.com/marketplace/components/nebula-liquid-media/?via=elliot-li)

![Nebula Liquid Media preview image 1](https://framer.elliotli.dev/og/component/nebula-liquid-media/44eaafd751b86acc/1600x1200.jpg)

## Summary

GPU-Powered Gravitational Vortex Shader

## Description

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

## Rank history [How rankings work →](/terms#rankings)

-   All · #10773

## Details

- **Author**: Creative Apes
- **Price**: $6.00
- **Published**: 2026-05-31
- **Updated**: 2026-04-16
- **Added**: 2026-03-31
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows