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.
15 presets
- Swirling Gradient 15Background
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.

- Swirling Gradient 14Background
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 13Background
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 12Background
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.

- Swirling Gradient 11Background
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 10Background
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 9Background
A dynamic swirl shader effect dominated by concentric circular waves emanating from the upper-left area. The primary visual consists of smooth, flowing curved lines that create a tunnel-like or vortex appearance. The color palette transitions between a vibrant crimson red (#cc252b) and deep burgundy/maroon tones (#210611), creating a warm, intense atmosphere. The swirl pattern shows multiple curved bands that flow organically across the canvas with varying opacity levels, creating depth perception. Overlaid on this base is a ConcentricSpin component generating 9 concentric rings that rotate at -1.2 speed, adding rhythmic circular motion and creating a hypnotic, pulsating effect. The rings have a mirrored edge treatment and subtle speed randomness that creates organic variation. A fine paper texture with 0.2 roughness and 0.15 displacement is applied as the topmost layer, adding subtle grain and tactile surface quality that breaks up the smoothness slightly. The overall effect is a mesmerizing, fluid motion with a dark, dramatic mood. The blend mode is normal throughout, and the edges fade to transparency, creating a soft vignette effect. The mouse-controlled x-axis blend with 0.6 smoothing suggests interactive responsiveness to user input, with momentum creating trailing effects.

- Swirling Gradient 8Background
A fluid, organic gradient shader effect featuring smooth flowing waves and swirling patterns. The composition blends lime-yellow (#bdea3d) with mint-green (#50d180) colors, creating a vibrant yet harmonious transition. Vertical streaking lines flow diagonally across the canvas, creating a sense of motion and depth. The Swirl component generates smooth, undulating curves that ripple through the composition with a detail level of 1.2, producing soft, blended edges. The ConcentricSpin component adds concentric circular patterns emanating from the right side (center at x:1, y:0) with 9 rings rotating at -1.2 speed, creating subtle striations and depth layers. The Paper texture overlay adds fine grain and subtle displacement (0.15 intensity) with low roughness (0.2), giving the effect a slightly tactile, organic quality without overwhelming the smooth gradients. The overall atmosphere is calm and energetic, with a modern, minimalist aesthetic. The blend mode is normal throughout, maintaining color saturation and vibrancy. The effect suggests flowing liquid, wind patterns, or abstract natural phenomena with smooth transitions and no harsh edges.

- Swirling Gradient 7Background
A dynamic swirl shader effect featuring concentric curved lines radiating from the upper left, creating a hypnotic spiral pattern. The primary color is a vibrant magenta (#f948c3) that dominates the composition, transitioning smoothly into a bright lime green (#81cf39) toward the right edge. The swirl component creates smooth, flowing curved bands that appear to rotate and blend seamlessly. Overlaid on this is a ConcentricSpin effect with 9 rings that adds rhythmic circular patterns with varying speeds, creating a sense of depth and movement. The rings have a mirror edge treatment that reflects the pattern symmetrically. A subtle paper texture with 0.15 displacement and 0.2 roughness is applied across the entire surface, adding fine grain and tactile quality that breaks up the smoothness of the gradients. The color space uses oklab for smooth interpolation between magenta and green. The overall effect is smooth and flowing with a slight grainy texture overlay, creating a modern, energetic aesthetic with warm-to-cool color transitions. The spatial composition suggests movement from left to right, with the swirl lines becoming increasingly vertical as they progress rightward.

- Swirling Gradient 6Background
A soft, organic swirl effect with concentric circular rings creating a hypnotic spiral pattern. The image features a gradient transition between deep mauve-pink tones (#94315f) and soft sage-green hues (#a3be95), with the colors blending smoothly through an oklab color space. The swirl component creates flowing, curved lines that spiral inward toward the center, while the concentric spin effect overlays 9 rings that rotate at varying speeds with subtle randomness. The rings have a mirror-edge treatment creating symmetrical reflections. A fine paper texture with 0.15 displacement and 0.2 roughness is applied across the entire surface, adding tactile grain and subtle noise that breaks up the smoothness. The overall effect is dreamlike and meditative, with soft focus and gentle blur creating depth. The center point is positioned at the top-center (0.5, 0), drawing the eye upward. The blend axis responds to mouse movement on the x-axis with momentum, creating dynamic responsiveness. The atmosphere is calming and ethereal, with warm mauve-pink dominating the left and right edges while cool sage-green occupies the center and upper regions.

- Swirling Gradient 5Background
A mesmerizing concentric circular pattern with alternating bands of lavender-gray (#96a0d2) and forest green (#187a4e) that spiral inward toward the center. The effect creates a hypnotic tunnel or vortex appearance with approximately 9 distinct rings that gradually decrease in size as they approach the center point positioned at the bottom-center of the composition. The rings exhibit smooth, flowing curves with subtle blur and soft edge transitions between color bands. A fine paper texture overlay with minimal grain (0.2 roughness) adds subtle tactile quality to the surface. The swirl component introduces organic, fluid distortion with mouse-responsive blending along the x-axis, creating dynamic movement potential. The concentric spin effect rotates counter-clockwise at moderate speed (-1.2), with slight randomness in rotation speed (0.14 speedRandomness) creating natural variation. The overall mood is calm and meditative, with a cool color palette dominated by purples and greens. The composition has perfect radial symmetry with transparent edges that fade smoothly into the background. Lighting appears diffuse and even across the entire surface.

- Swirling Gradient 4Background
A dynamic shader effect featuring concentric swirling patterns with smooth, flowing curved lines radiating from the center. The composition displays alternating bands of cyan/turquoise (#3ce9bc) and deep purple (#5823df) that create a mesmerizing spiral motion. The lines are soft and blurred with a gradient transition between colors, creating a sense of depth and movement. The effect has a subtle paper texture overlay that adds fine grain detail throughout. The swirl pattern appears to rotate and pulse with momentum-based animation, creating a hypnotic, fluid appearance. The edges fade to transparency, and the overall mood is modern, energetic, and ethereal with a smooth, organic quality. The concentric rings create a tunnel-like perspective that draws the eye toward the center, while the color gradient transitions smoothly across the spectrum from cool cyan on the left to vibrant purple on the right.

- Swirling Gradient 3Background
A fluid, organic shader effect featuring smooth, flowing wave-like patterns that sweep diagonally across the composition. The primary visual elements consist of alternating vertical and curved bands of warm peachy-tan tones (#e6af59) and cool cyan-turquoise tones (#4edada) that interweave and blend seamlessly. The Swirl component creates smooth, undulating curves with a detail level of 1.2, producing graceful wave formations that flow from upper left to lower right. The ConcentricSpin component adds subtle concentric circular distortions centered off-axis (at coordinates 1, 0), creating a gentle rotational warping effect with 9 rings that modulates the wave patterns with a negative speed of -1.2, producing a counter-rotating visual rhythm. The Paper texture overlay adds fine-grained surface detail with 0.15 displacement and 0.2 roughness, creating a subtle tactile quality that prevents the effect from appearing too smooth or synthetic. The overall atmosphere is serene and meditative, with warm and cool tones creating visual balance and harmony. The blending uses OKLab color space for smooth interpolation between the two primary colors, resulting in natural-looking gradient transitions. The effect has a liquid, almost fabric-like quality with gentle undulations that suggest movement and flow without being chaotic.

- Swirling Gradient 2Background
A fluid, organic shader effect dominated by smooth, flowing curved bands that sweep diagonally across the composition from upper left to lower right. The primary visual element consists of alternating stripes of deep blue (#1217e1) and lighter purple (#6b60dc) that create a swirling, wave-like pattern with soft, blurred edges. The Swirl component generates smooth, undulating curves with a detail level of 1.2, creating graceful flowing lines rather than sharp geometric shapes. Overlaid on this base is a ConcentricSpin effect with 9 rings centered at coordinates (1,1), creating subtle concentric circular distortions that add depth and movement to the composition. The rings appear as faint, barely visible circular ripples that modulate the intensity of the underlying swirl pattern. A Paper texture with 0.15 displacement and 0.2 roughness is applied across the entire surface, adding a subtle grainy, tactile quality that breaks up the smoothness and creates a slightly textured appearance. The overall atmosphere is ethereal and calming, with a cool color temperature dominated by blues and purples. The effect has a dreamlike, meditative quality with smooth gradients and soft transitions between color zones. The blending is set to normal mode with full opacity, allowing all layers to contribute equally to the final visual. The edges fade to transparency, creating a soft vignette effect around the periphery.

- Swirling GradientBackground
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.
