Shaders
767 GPU presets for backgrounds, logos and images. Open one to run it live, tune it in the editor, and export the Vue code or an image.
9 presets
- Rolling Shadows 9Background
A fluid, organic gradient shader effect displaying a multi-point gradient system with five color nodes creating a seamless blend across the canvas. The dominant color palette consists of deep teals and forest greens with accents of bright cyan. The gradient flows from darker forest green tones (#0b3d2e, #0e4a3f, #134f42) in the upper left and lower right regions toward brighter teal and cyan tones (#1a6b5a, #5eebc4) in the center and right areas. The effect features smooth color transitions with a high smoothness value of 2, creating soft, blended edges between color zones. A wave distortion effect with sine wave pattern and 0.3 strength adds subtle undulating movement to the surface, creating a liquid-like quality. A bulge distortion centered near the lower-left area with radius 2 and falloff 2 creates a subtle spherical warping effect that follows mouse position with momentum and smoothing. A paper texture overlay with 0.24 displacement and 0.1 roughness adds fine grain detail and subtle surface irregularity, creating a tactile, slightly weathered appearance. The overall effect is atmospheric and calming, with a sense of depth and movement despite the static nature of the base gradient. The color space is p3-linear, ensuring accurate color representation across the gradient transitions.

- Rolling Shadows 8Background
A multi-layered gradient composition with organic, fluid distortion effects. The image features a warm-to-cool color transition dominated by earthy tones. On the left side, deep forest green (#2b3a1e) and dark olive tones create a shadowy foundation. The center transitions through warm brown (#5c3d1a) and muted earth tones. The right side features a prominent warm golden-yellow (#d4b86a) that appears to glow and radiate outward, creating a focal point with soft, diffused edges. The gradient points are positioned asymmetrically, with the brightest golden tone anchored toward the upper-right quadrant. Wave distortion at 97 degrees creates subtle undulating ripples across the entire surface, giving the effect a liquid, breathing quality. A bulge effect centered near the lower-left area adds dimensional warping and depth, creating a sense of three-dimensional bulging or lens distortion. The overall atmosphere is warm and organic, with a paper texture overlay (displacement 0.24, grain scale 3) adding fine surface detail and tactile quality. The edges blend smoothly with transparent falloff, creating a vignette-like effect that draws focus toward the luminous center. The color space is P3-linear, ensuring rich color depth and smooth gradations.

- Rolling Shadows 7Background
A smooth, blurred gradient shader effect featuring a multi-point color gradient with soft transitions. The composition displays a cyan/turquoise glow emanating from the left side, transitioning through pink and magenta tones in the center, and deepening into purple and dark blue hues on the right and upper portions. The gradient points create organic, flowing color zones rather than hard edges. A subtle wave distortion effect adds gentle undulation to the color transitions, creating a fluid, liquid-like quality. A bulge distortion centered around the middle-right area creates a subtle lens-like bulging effect that warps the underlying gradients. Fine paper texture grain is applied across the entire surface at low opacity, adding subtle surface roughness and tactile quality without overwhelming the smooth gradient base. The overall effect is atmospheric and ethereal, with soft focus and smooth color blending creating a dreamy, modern aesthetic. The mouse-position tracking on certain gradient points and the bulge center suggests interactive responsiveness to cursor movement.

- Rolling Shadows 6Background
A soft, blurred gradient composition featuring a warm golden-orange circular glow centered in the upper-middle portion of the image. The glow has a luminous, diffused quality with soft edges that fade into the surrounding darker tones. The background transitions from deep teal and dark blue-green on the left side to warm tan and beige tones in the center, then darkens to dark blue and charcoal on the right edge. The overall effect is atmospheric and dreamy, with a subtle wave distortion creating gentle undulations across the surface. A fine paper texture overlay adds subtle grain and displacement throughout, creating a tactile, organic quality. The bulge distortion effect creates a subtle spherical warping around the central golden area, enhancing the three-dimensional appearance. The composition has a serene, meditative quality with warm and cool color zones creating visual balance. The smoothness value of 2 creates soft color transitions between the gradient points, resulting in a painterly, impressionistic appearance.

- Rolling Shadows 5Background
A dynamic gradient shader effect featuring a smooth blend of deep purples, magentas, and dark blues transitioning into vibrant hot pinks and reds. The composition uses a multi-point gradient system with five color nodes positioned strategically across the canvas. The top-right corner anchors a very dark navy-purple (#020818), while the bottom-left features a bright magenta-pink (#e6125a). A secondary bright pink (#ff4488) is positioned as a mouse-tracking element near the center-left, creating an interactive focal point with momentum-based smoothing. The gradient exhibits soft, organic transitions with a smoothness value of 2, creating a liquid, flowing appearance. A subtle wave distortion effect with sine wave pattern (strength 0.3, frequency 1) adds gentle undulation across the entire surface. A bulge effect centered on mouse position creates localized warping with a radius of 2 and falloff of 2, producing a lens-like magnification effect that follows cursor movement with momentum and smoothing. A fine paper texture overlay (displacement 0.24, grain scale 3, roughness 0.1) adds subtle surface detail and tactile quality. The overall mood is modern, energetic, and atmospheric with a dark, moody foundation punctuated by vibrant neon-like accent colors. The effect creates depth through layered distortions and maintains visual interest through interactive mouse-tracking elements.

- Rolling Shadows 4Background
A soft, ethereal shader effect featuring a multi-point gradient system with five color nodes creating smooth color transitions across the canvas. The dominant visual elements include a bright, glowing light blue center area that radiates outward, surrounded by darker blue-gray tones at the edges. The gradient flows from deep navy (#2a3d5e) in the upper left, through muted slate blue (#6b8fa3) in the mid-tones, to a bright cyan-white (#a8d4e6) that appears to be driven by mouse position tracking in the upper-center area. A subtle wave distortion with sine wave pattern (strength 0.3, frequency 1) creates gentle undulating ripples across the entire surface, giving it a liquid-like quality. A bulge effect centered near the lower-left area (with mouse-tracking momentum of 0.3) creates a subtle spherical protrusion that adds depth and dimensionality. The bulge has a large radius (2) with smooth falloff (2), creating a soft lens-like distortion. A fine paper texture overlay (displacement 0.24, grain scale 3, roughness 0.1) adds subtle surface detail and tactile quality without overwhelming the smooth gradient. The overall effect is atmospheric and calming, with a dreamlike quality enhanced by the smooth color transitions and gentle motion-based distortions. The edges fade to transparency, creating a vignette-like effect that draws focus toward the luminous center.

- Rolling Shadows 3Background
A warm, organic gradient shader effect featuring a multi-point gradient system with five color nodes creating a fluid, blended landscape. The composition shows a dominant warm color palette transitioning from deep brown tones on the left side (#40170b) through burnt orange and rust (#963b17, #ff8803) to bright golden-yellow (#ffeeab) and pale cream tones on the right. The gradient points are strategically positioned to create depth: a dark brown anchor in the upper-left quadrant, warm orange-rust tones in the center-left and center areas, a bright golden highlight in the upper-right, and a pale yellow accent in the right-center. A sine wave distortion with 133-degree angle and 0.3 strength creates subtle undulating ripples across the surface, giving it a liquid or fabric-like quality. A bulge distortion centered near the left-center with 2.0 radius and 2.0 falloff creates a gentle spherical warping effect that adds dimensionality. A paper texture overlay with 0.24 displacement and 0.1 roughness at 3x grain scale adds fine surface detail and tactile quality, breaking up the smoothness of the gradients. The overall effect is warm, inviting, and atmospheric with a soft, diffused quality suggesting sunset light or warm ambient illumination. The edges fade to transparency, creating a soft vignette effect.

- Rolling Shadows 2Background
A dynamic gradient shader effect featuring a multi-point gradient system with five color nodes creating a complex, flowing color field. The dominant visual elements include deep purples and magentas radiating from the center-right area, transitioning into dark blues and navy tones toward the edges. The primary color node (positioned at approximately 87.4% horizontally, 55.2% vertically) emits a bright magenta/violet glow that serves as the focal point. Secondary color nodes contribute deep indigo (#3d154f) and darker navy (#0c0f33, #0d0d26) tones that frame the composition. A subtle wave distortion with sine wave characteristics (strength 0.3, frequency 1) creates gentle undulating ripples across the entire surface, giving the effect a liquid, breathing quality. A bulge distortion centered near the mouse position (37% horizontally, 66.4% vertically) with a radius of 2 and falloff of 2 adds localized warping and depth. The paper texture overlay with 0.24 displacement and 3x grain scale introduces fine surface detail and organic noise, breaking up the smoothness and creating a tactile, slightly grainy appearance. The overall atmosphere is moody and ethereal, with a strong sense of depth created by the layered color transitions and interactive distortion effects that respond to mouse movement with momentum smoothing.

- Rolling ShadowsBackground
A smooth, blurred gradient background transitioning from dark navy blue and deep purple in the upper left corner to vibrant magenta and bright pink in the center-right area. The composition features soft, organic color blobs with no hard edges, creating a dreamy, ethereal atmosphere. A prominent glowing magenta orb dominates the right-center portion of the image, with a subtle bulging distortion effect that creates depth. The upper left maintains cooler dark tones that gradually warm toward the center. Fine paper texture grain is subtly visible throughout, adding a delicate tactile quality. Wave distortion creates gentle undulating ripples across the entire surface, giving the effect a liquid, flowing appearance. The overall mood is serene and contemporary, with smooth color transitions and soft focus creating a premium, modern aesthetic suitable for UI backgrounds or abstract art.
