Liquid Stripes 9
A dynamic shader effect featuring diagonal yellow and orange stripes at a 45-degree angle creating a rhythmic pattern across the entire composition. The stripes have a balance of 0.1, creating thin yellow lines (#ffdc12) against a warmer orange background (#ff8200). Centered in the composition is a sun-like radial burst shape with glass refraction properties, featuring 3D extruded petals that appear to emanate outward. The glass element has a blur of 11.3 pixels with chromatic aberration of 0.5, creating iridescent edge distortion and light refraction effects. The shape exhibits fresnel effects with a 0.11 intensity and 0.38 softness, producing subtle white highlights along the edges. A film grain overlay with 0.3 strength adds texture and noise throughout. Cursor ripples with 10 intensity and 0.5 radius create interactive distortion waves that emanate from user interaction points. The overall mood is energetic and warm, with the striped background suggesting motion and the central glass element providing a focal point of visual interest with its translucent, refractive properties.
Usage
The preset as a Vue component. Paste it into a page, or open it in the editor to change it first.
Related Presets
See all- Liquid Stripes
A vibrant neon shader effect featuring diagonal yellow-green stripes (#e5f83b) at 45-degree angles running across a vivid magenta background (#b817e6). The stripes are evenly spaced with a density of 9, creating a rhythmic linear pattern. Overlaid in the center is a radial glass morphism effect shaped like a starburst or sun icon with translucent purple-tinted glass panels arranged in a circular pattern. The glass shape features chromatic aberration and refraction properties, creating iridescent edge highlights and a frosted glass appearance with subtle light refractions. The glass element has a blur of 11.3 pixels and includes fresnel effects that create rim lighting around the edges. Interactive cursor ripples with chromatic split distortion respond to mouse movement, creating concentric wave patterns that disrupt the striped background. A subtle film grain texture (0.3 strength) overlays the entire composition, adding a slight analog noise quality. The overall aesthetic is cyberpunk/synthwave with high contrast between the neon yellow lines and deep magenta base, enhanced by the translucent glass morphism effect in the center that creates depth and dimensionality against the flat striped background.

- Liquid Stripes 2
A serene, minimalist shader effect featuring diagonal stripes at 45-degree angle running across the entire composition. The stripes alternate between a vibrant turquoise (#14d7c6) and a soft mint green (#9decc1), creating a rhythmic linear pattern with 9 stripes of consistent density. Overlaid on this striped base is a central glass morphism effect depicting a translucent, frosted-glass flower or starburst shape with multiple radiating petals. The glass element exhibits subtle refraction (0.51 intensity) and chromatic aberration (0.5), creating a delicate prismatic quality with soft edges (0.1 softness). The glass shape has a slight fresnel effect (0.11 intensity) that catches light at the edges, enhanced by white highlight accents. A cursor ripple effect with high intensity (10) creates interactive distortion waves that emanate from user interaction points, with a decay rate of 10 frames. Fine film grain (0.3 strength) is subtly applied across the entire composition, adding texture and reducing the clinical feel. The overall atmosphere is cool, calming, and ethereal, with a modern, minimalist aesthetic. The color palette maintains high saturation in the greens and cyans while the glass element remains largely transparent with white tinting.

- Liquid Stripes 3
A vibrant shader effect featuring a bright lime-green background (#b6f10c) with evenly-spaced diagonal stripes running at 45 degrees in a teal-cyan color (#0ac193). The stripes create a consistent linear pattern across the entire canvas with a density of 9 lines. Overlaid on this striped foundation is a central glass morphism effect featuring a star or burst-like SVG shape with multiple pointed rays emanating from the center. This glass element exhibits significant chromatic aberration and refraction properties, creating a prismatic, translucent appearance with subtle rainbow-like color separation along the edges. The glass shape has a frosted, diffused quality with a blur radius of 11.3 pixels, giving it a soft, glowing appearance while maintaining visibility of the underlying stripe pattern through its semi-transparent surface. The shape is centered in the composition and features fresnel reflections and highlights that enhance its three-dimensional glass-like quality. A subtle film grain texture is applied across the entire image with 0.3 strength, adding a slight noise pattern for texture. Interactive cursor ripples with chromatic split effects are present, creating concentric wave distortions that respond to mouse movement. The overall mood is energetic and modern, with a strong sense of depth created by the layered glass effect against the dynamic striped background.

- Liquid Stripes 4
A diagonal striped background pattern with 45-degree angled lines in alternating yellow-green (#b8c911) and coral-red (#d06755) colors. The stripes are evenly spaced with a density of 9, creating a rhythmic linear pattern across the entire composition. Overlaid on this striped foundation is a central frosted glass effect featuring a radial starburst or flower-like shape composed of translucent rectangular segments arranged in a circular pattern. The glass element exhibits significant refraction and chromatic aberration effects, creating a prismatic quality with subtle rainbow-like color shifts along the edges. The glass shape has a blur value of 11.3 pixels, producing a soft, diffused appearance with visible fresnel highlights and edge softness of 0.1. The overall composition is enhanced with cursor ripple distortions that create concentric wave patterns emanating from interaction points, with a decay of 10 and intensity of 10. A subtle film grain texture with 0.3 strength is applied across the entire image, adding a fine noise texture that enhances the tactile quality. The lighting angle is set to 300 degrees, creating directional highlights on the glass element. The atmosphere is modern and digital, with a warm coral-to-yellow color palette suggesting energy and motion.

- Liquid Stripes 5
A vibrant neon shader effect featuring diagonal stripes at 45-degree angles alternating between bright lime green (#6ce085) and deep purple (#8b02e0) colors. The stripes have a density of 9 lines with a 0.1 balance ratio, creating a dynamic striped background. Overlaid on this striped pattern is a central circular sun-like shape composed of glass-effect rectangular petals arranged radially around a hollow center. The glass petals feature chromatic aberration with a 0.5 intensity, creating subtle color separation at the edges. The petals have a frosted glass appearance with 11.3 blur strength and 0.51 refraction, giving them a translucent, refractive quality. A fresnel effect with 0.11 intensity adds subtle edge highlights to the glass petals with white tinting. Cursor ripples with 10 intensity and 0.5 radius create interactive distortion waves emanating from mouse position, with chromatic split enabled for color separation in the ripple effect. A film grain overlay with 0.3 strength adds subtle texture and noise throughout. The overall mood is cyberpunk and energetic with high contrast between the neon colors and the translucent glass elements.

- Liquid Stripes 6
A dynamic shader effect featuring diagonal neon lime-green stripes (#80f820) at 45-degree angle running across a muted purple-gray background (#a09bbb). The stripes have a consistent density of 9 lines with a balance ratio of 0.1, creating thin bright lines against the darker background. Overlaid on this striped pattern is a central glass morphism effect with a complex SVG shape that appears as a crystalline or geometric form with multiple faceted surfaces. The glass element exhibits chromatic aberration with a 0.5 intensity, creating subtle color fringing around the edges. The glass has a blur of 11.3 pixels with a refraction value of 0.51, giving it a translucent, refractive quality that distorts the stripes beneath it. A fresnel effect with 0.11 intensity and 0.38 softness adds subtle edge highlights in white (#ffffff) to the glass shape, enhancing its three-dimensional appearance. Cursor ripples with an intensity of 10 and decay of 10 create interactive distortion waves that emanate from the mouse position. A film grain overlay with 0.3 strength adds subtle texture and analog quality to the entire composition. The overall mood is modern, tech-forward, and interactive with a cyberpunk aesthetic.
