Rolling Shadows
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.
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- Rolling Shadows 2
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 Shadows 3
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 4
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 5
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 6
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 7
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.
