Floating Glass

A dynamic shader effect featuring a prominent triangular glass element positioned in the center-right area of the composition. The background is dominated by deep dark-blue to black tones creating a night-like atmosphere. A flowing gradient with purple (#9000ff), white, and gray tones creates organic, wave-like patterns that move across the canvas with soft, blurred edges. The glass triangle element exhibits strong refraction properties with a high refraction value (0.86), creating a lens-like distortion effect that bends and refracts the underlying gradient patterns. The triangle has a subtle fresnel effect with white highlights along its edges, giving it dimensional depth and a glossy appearance. A tritone color mapping overlays the entire composition, mapping dark navy (#1a1c38) to shadows, vibrant purple (#9000ff) to midtones, and cyan (#e3ffff) to highlights, creating a cohesive color grading. The dither effect adds subtle blue noise texture with a threshold of 0.62, creating a grainy, slightly noisy quality that prevents banding. Soft edge transitions and a 0.15 edge softness on the glass create smooth, anti-aliased boundaries. The overall mood is ethereal and futuristic, with a sense of movement and energy flowing through the composition. The lighting angle of 276 degrees creates directional highlights on the glass surface.

Open in Editor
Floating Glass preview

Usage

The preset as a Vue component. Paste it into a page, or open it in the editor to change it first.

See all