Swirling Gradient 12
A soft, ethereal shader effect dominated by smooth, flowing swirling patterns in cool blue-gray tones. The image shows a Swirl component creating organic, wave-like distortions that blend between light periwinkle (#a8b8d8) and deeper slate blue (#5a7a8c). Overlaid on this is a ConcentricSpin effect centered near the bottom of the frame, generating 9 concentric rings that rotate counterclockwise at -1.2 speed, creating a subtle vortex pattern that pulls the eye downward. The rings have a smooth, mirrored edge quality with slight randomness in their rotation speed (0.14 speedRandomness). A Paper texture layer adds fine grain and subtle displacement (0.15) across the entire surface, creating a tactile, slightly rough quality that prevents the effect from appearing too smooth or digital. The overall atmosphere is calm and meditative, with soft focus and gentle motion. The edges fade to transparency, and the lighting creates subtle depth variations with highlights in the upper portions and slightly darker tones toward the center and bottom. The color space uses oklab for smooth interpolation between the two primary blue tones.
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- Swirling Gradient
A dynamic swirl shader effect featuring concentric circular waves emanating from the center-bottom of the composition. The primary visual consists of alternating bands of vibrant magenta (#d22496) and mint green (#4fca98) that spiral outward in a hypnotic pattern. The swirl component creates smooth, flowing curves with soft gradient transitions between the two colors, blending seamlessly in the oklab color space. Overlaid on this is a ConcentricSpin effect with 9 rings that creates additional radial striations and rhythmic pulsing, rotating counter-clockwise at -1.2 speed with slight randomness in the spin velocity. The rings have a mirror edge treatment that creates symmetrical reflections. A subtle paper texture with 0.15 displacement and 0.2 roughness is applied across the entire surface, adding fine grain and organic irregularity to what would otherwise be smooth gradients. The overall effect is a mesmerizing, fluid animation with a modern, vaporwave aesthetic. The center point is offset toward the bottom (y: 1), creating a focal point that draws the eye downward. The color transitions are smooth and continuous, with no hard edges, creating a dreamy, almost liquid appearance. The combination of the swirl's mouse-controlled blend axis and the spinning rings creates a sense of perpetual motion and depth.

- Swirling Gradient 10
A dynamic swirl shader effect featuring concentric curved bands that radiate outward in a hypnotic pattern. The primary visual consists of alternating stripes of bright neon green (#01dd06) and deep purple (#7246ad) that flow in smooth, organic curves creating a sense of rotational motion. The swirl pattern originates from the center-left area and expands outward with graceful, wave-like distortions. Overlaid on top is a ConcentricSpin component generating 9 concentric rings that add rhythmic circular structure to the composition, with the rings centered slightly off-center (at coordinates 0, 1). The effect has a subtle paper texture grain applied across the entire surface, creating a tactile, slightly roughened appearance that breaks up the smoothness of the gradients. The edges fade to transparency, and the overall blend mode is normal with full opacity. The color interpolation uses the oklab color space, resulting in perceptually smooth transitions between the vibrant green and purple hues. The combination creates a mesmerizing, almost liquid-like visual with a modern, digital aesthetic that suggests movement and energy despite being a static composition.

- Swirling Gradient 11
A dynamic swirl shader effect featuring concentric circular patterns with radial distortion emanating from the bottom center of the frame. The composition displays a prominent orange-to-blue color gradient that creates a warm-cool color contrast. The primary swirl component generates smooth, flowing curved bands of color that spiral outward with soft, blurred edges. Overlaid on this is a concentric spin effect with 9 rings that creates a tunnel-like or vortex appearance, with the center anchored at the bottom (y: 1.0). The rings rotate counterclockwise at a speed of -1.2, creating a sense of inward motion toward the bottom of the frame. A subtle paper texture with 0.15 displacement adds fine grain and organic roughness to the otherwise smooth gradients, breaking up the digital perfection with natural-looking noise. The overall effect has soft, feathered edges that fade to transparency, creating a vignette-like quality. The color space uses OKLAB for smooth perceptual color transitions. The atmosphere is energetic and fluid, with a sense of depth and movement pulling the viewer's eye toward the bottom center point.

- Swirling Gradient 13
A dynamic, fluid shader effect featuring a swirling gradient composition with two dominant colors creating a mesmerizing blend. The primary color is a warm coral-red (#d94f3a) that dominates the center and right portions of the image, while a cool turquoise-cyan (#3ad4b8) occupies the left and background areas. The effect creates smooth, curved wave-like patterns that flow diagonally across the canvas, with the colors transitioning through soft gradients rather than sharp boundaries. The swirl component generates organic, spiral-like distortions that give the impression of liquid or fabric being twisted. Overlaid on this is a concentric spin pattern centered at coordinates (1,1), creating subtle radial ripples and rings that add depth and movement. The ConcentricSpin effect with 9 rings and a speed of -1.2 produces a gentle rotating distortion that modulates the underlying gradient. A paper texture with low roughness (0.2) and subtle displacement (0.15) is applied as a final layer, adding fine grain and tactile surface quality without overwhelming the smooth gradient. The overall effect is soft and blurred, with smooth color transitions and no hard edges. The mood is contemporary and fluid, suggesting motion and organic transformation. The color space uses oklab for smooth perceptual color blending.

- Swirling Gradient 14
A dynamic shader effect featuring flowing, curved ribbons of coral-red (#ff3b1f) and cyan (#1fd4ff) colors against a bright sky-blue background. The composition shows multiple overlapping curved strokes that appear to swirl and undulate with a sense of motion. The red/coral tones dominate the foreground with semi-transparent, blurred edges that create a soft, feathered appearance. The cyan color is subtly blended throughout, visible in the gradient transitions and color space interpolation. The effect has a paper-like texture overlay that adds subtle grain and displacement, creating a tactile, organic quality. Concentric spinning rings create a subtle radial distortion pattern that warps the flowing ribbons, giving them a three-dimensional, vortex-like quality. The overall mood is energetic and fluid, with smooth momentum-based animation that responds to mouse input on the x-axis. The blur and transparency create depth, with the ribbons appearing to flow toward and away from the viewer. The color transitions use oklab color space for smooth, perceptually uniform gradients between the warm and cool tones.

- Swirling Gradient 15
A fluid, organic shader effect dominated by soft, flowing swirl patterns in cool blue tones. The composition features layered, wave-like structures that appear to ripple and undulate across the canvas with smooth, blurred transitions. The primary visual elements consist of concentric circular patterns emanating from the lower portion of the frame, creating a sense of depth and movement. The color palette transitions from deep navy blue (#1a3a5c) in the darker regions to lighter periwinkle and sky blue (#7ba8d9) in the highlighted areas. A subtle paper texture overlay adds fine grain and micro-displacement throughout, creating a tactile, slightly rough surface quality. The effect has a dreamlike, ethereal quality with soft focus and gentle gradations between tones. The swirl component creates diagonal flowing lines with momentum-based mouse interaction, while the concentric spin layer adds rhythmic circular motion with 9 rings of varying intensity. The overall mood is serene and meditative, with a cool, calming atmosphere enhanced by the smooth blending and transparent edge treatment.
