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.
12 presets
- Radial Overlap 12Background
A dynamic gradient shader effect featuring flowing, organic wave-like patterns that transition smoothly from cool blue tones on the left to warm magenta and pink tones on the right. The composition uses a Swirl shader as the primary effect, creating fluid, curved striations that flow diagonally across the canvas from upper-left to lower-right. The effect has a soft, blurred quality with layered translucent bands that overlap and create depth. The pixelation component adds subtle texture variation, with pixel density controlled by an invisible conic gradient mask that creates radial variation in the effect intensity. The overall aesthetic is modern and abstract, with a smooth gradient transition between cool and warm color families. The swirling motion creates a sense of movement and fluidity, while the color blend mode (oklab) ensures smooth, perceptually uniform color transitions. The effect has a polished, professional appearance typical of contemporary UI design backgrounds.

- Radial Overlap 11Background
An abstract shader effect featuring organic, flowing forms with a dominant lime-green (#8bd035) color palette contrasted against deep burgundy-maroon (#581122) shadows. The composition displays layered, curved surfaces that create a three-dimensional paper-folding or fabric-draping effect. Sharp, angular creases and ridges run diagonally across the image, creating strong directional movement from upper-left to lower-right. The effect combines a swirl distortion pattern that creates fluid, wave-like undulations throughout the composition. A pixelation effect is applied with variable scale intensity, creating a subtle blocky texture that varies in density across the image - more pronounced in darker areas and less visible in brighter regions. The lighting creates dramatic depth with bright lime-green highlights on raised surfaces and deep burgundy shadows in recessed areas. The overall mood is dynamic and organic, resembling folded leaves, abstract fabric, or flowing liquid forms. The color space uses oklab for smooth color transitions, and the blend mode creates seamless integration between the swirl effect and underlying geometry. The effect has a modern, digital aesthetic with strong contrast and dimensional depth.

- Radial Overlap 10Background
A fluid, organic shader effect featuring smooth flowing gradients transitioning from cyan and turquoise tones to white. The composition displays layered, wave-like streaks that flow diagonally across the canvas, creating a sense of motion and depth. The top-left corner features darker cyan (#3afce8) that gradually lightens toward the center and right side, where pure white dominates. The effect has a soft, ethereal quality with no hard edges, suggesting transparency and luminosity. The swirl component creates subtle turbulence and organic movement throughout, while the pixelation layer adds fine texture variation that becomes more pronounced in the darker cyan areas and diminishes toward the white regions. The overall atmosphere is clean, modern, and calming, with a three-dimensional quality created by the layered gradient transitions. The effect appears to have gentle animation potential with the rotating conic gradient underneath, though currently the swirl effect is the primary visible component.

- Radial Overlap 9Background
A dynamic radial shader effect featuring sharp, angular light rays emanating from the lower-left corner toward the upper-right, creating a sense of motion and energy. The composition uses alternating bands of bright yellow (#ffff52) and white (#ffffff) that form triangular wedge shapes, progressively narrowing as they extend outward. The effect creates a starburst or speed-line pattern reminiscent of motion blur or light refraction. The white areas serve as negative space between the yellow rays, enhancing the contrast and directional flow. The edges fade smoothly to transparency, creating a soft vignette effect around the perimeter. The overall atmosphere is bright, energetic, and luminous, with a clean geometric quality. The pixelation effect is subtly applied, particularly visible in the gradient transitions between colors, adding a subtle digital texture without overwhelming the smooth radial gradient foundation. The blend of the swirl component creates organic color mixing between the white and yellow, while the conic gradient (though not visible in the final render) provides the underlying structural framework for the ray pattern.

- Radial Overlap 8Background
A dynamic abstract shader effect featuring flowing, organic wave-like patterns in vibrant pink and white tones. The composition displays layered, translucent curved ribbons that sweep diagonally across the canvas from upper left to lower right, creating a sense of fluid motion and depth. The primary effect is a swirl pattern that blends white (#ffffff) with hot pink (#ff6ee3), generating smooth gradients and soft transitions between colors. The waves have a feathered, fan-like quality with fine linear striations visible throughout, particularly concentrated on the right edge where they fan outward. The pixelation effect is subtly applied, creating a textured, slightly granular quality that varies in intensity across the composition - more pronounced in the darker pink areas and less visible in the bright white regions. The overall atmosphere is ethereal and contemporary, with a soft glow emanating from the white areas that gradually transitions into deeper magenta tones. The effect suggests movement and fluidity, with the swirling patterns creating a sense of wind or energy flowing through the composition. The background maintains a clean, minimalist aesthetic with transparent edges, allowing the dynamic foreground effects to be the focal point.

- Radial Overlap 7Background
A soft, ethereal gradient shader effect featuring a predominantly white center that transitions smoothly into mint green and cyan tones toward the edges. The composition displays a swirling, organic pattern with triangular or wedge-shaped striations radiating from the right side, creating a sense of dynamic motion and depth. The effect combines a conic gradient with swirl distortion, producing flowing, wave-like formations that appear to ripple across the canvas. The pixelation effect is subtle, creating a slightly textured surface while maintaining smooth color transitions. The overall atmosphere is light, airy, and calming, with a luminous quality suggesting light rays or energy flowing through the composition. The blend of white and cyan-green creates a cool, refreshing aesthetic with soft, diffused edges that fade to transparency.

- Radial Overlap 6Background
A dynamic abstract shader effect featuring flowing, layered wave-like structures in purple and dark tones. The composition consists of multiple curved, ribbon-like bands that sweep diagonally across the frame from upper left to lower right, creating a sense of motion and depth. The primary visual element is a Swirl effect generating organic, undulating patterns with smooth gradients transitioning between bright purple (#8c40ff) and deep dark purple/navy (#0d0929). The waves have soft, feathered edges that fade into transparency, creating a luminous glow effect particularly visible where the purple bands meet darker regions. The overall atmosphere is moody and sophisticated with a modern, tech-forward aesthetic. The pixelation effect is subtly applied with variable scale mapping, creating micro-texture variations that add visual complexity without overwhelming the smooth gradient transitions. The composition has strong directional flow with curved, organic shapes rather than geometric precision, suggesting fluid motion or energy waves. The lighting appears to emanate from within the purple bands, creating a self-illuminated quality against the dark background. The color space uses oklab for smooth, perceptually accurate color transitions.

- Radial Overlap 5Background
A dynamic abstract shader effect featuring layered diagonal stripes and curved geometric forms. The composition uses a swirl distortion effect that creates flowing, wave-like patterns emanating from the left side toward the right. The primary visual elements consist of alternating bands of light cyan (#b6e0e0) and deep blue (#1835db) that create a sense of motion and depth. The stripes appear to have soft, feathered edges with gradient transitions between colors, creating a smooth blending effect. A pixelation effect is applied with varying scale intensity, creating a subtle granular texture that becomes more pronounced in certain areas, particularly where the conic gradient's alpha channel influences the effect. The overall composition has a modern, tech-forward aesthetic with a cool color palette dominated by blues and cyans. The left side features a curved, almost organic shape with darker blue tones, while the right side transitions to lighter, more transparent cyan tones. The effect creates an illusion of three-dimensional depth through layering and opacity variations. The animation loop on the conic gradient (rotating at 0.1 speed) suggests this is a living, breathing effect with subtle rotational movement. The blend mode is set to normal throughout, maintaining color integrity while the swirl effect at 50% blend creates harmonious color mixing.

- Radial Overlap 4Background
A sophisticated gradient shader effect displaying a smooth transition from warm terracotta and burnt orange tones on the left side to soft beige and cream colors on the right side. The composition features organic, flowing curves with a swirl distortion pattern that creates a sense of movement and depth. The effect incorporates a pixelated texture overlay that varies in intensity across the surface, creating a subtle ribbed or wave-like pattern that becomes more pronounced toward the right edge. The overall aesthetic is warm and earthy with a modern, abstract quality. The lighting suggests a three-dimensional form with gentle highlights and shadows that enhance the dimensional quality. A faint conic gradient with rotating animation provides underlying structure, though it remains mostly invisible in the final render. The blend of the swirl effect at 50% opacity creates a harmonious color transition while maintaining visual interest through the pixelation mapping that responds to the gradient's alpha channel.

- Radial Overlap 3Background
A fluid, organic gradient shader effect featuring a smooth transition between vibrant lime-green (#80c40e) on the left side and turquoise-cyan (#05bb9f) on the right side. The composition uses a swirl distortion effect that creates flowing, wave-like patterns with soft, blended edges. The gradient flows diagonally from upper-left to lower-right with subtle undulating curves that suggest liquid or smoke-like movement. The effect has a modern, contemporary aesthetic with smooth color blending in the oklab color space, creating natural-looking transitions. There are no hard edges or pixelation visible in the final render, indicating the pixelate effect is either disabled or heavily blended. The overall mood is energetic and dynamic, with a sense of motion and fluidity. The lighting appears even and diffuse, creating a seamless, three-dimensional appearance without harsh shadows or highlights.

- Radial Overlap 2Background
A fluid, organic gradient composition featuring smooth flowing curves and wave-like shapes. The primary visual effect consists of a swirl pattern that blends two dominant colors: a vibrant magenta/purple (#b44fbb) and a muted tan/beige (#bab993). The magenta appears concentrated in the upper left corner and lower right portion, creating diagonal sweeping curves that flow across the canvas. The tan color fills the central and upper right areas. The transition between colors is soft and blended, creating a seamless gradient effect. Overlaid on this swirl base is a pixelation effect that varies in intensity across the image - the pixelation is more pronounced in areas influenced by the conic gradient's alpha channel, creating a subtle textured appearance that becomes finer toward the center and edges. The overall composition has a modern, abstract aesthetic with flowing organic shapes rather than geometric forms. The effect creates depth through color variation and subtle texture modulation, with no harsh edges or defined boundaries. The atmosphere is smooth and ethereal, with a contemporary design sensibility.

- Radial OverlapBackground
A dynamic abstract shader effect featuring layered, flowing organic shapes with smooth gradient transitions. The composition uses a swirl distortion effect that creates curved, wave-like formations flowing diagonally from lower-left to upper-right. The primary color palette transitions from a deep dark navy blue (#190f40) on the left side to a vibrant turquoise/cyan (#1dc4b4) on the right side, with intermediate teal tones creating smooth gradients between them. The effect has a three-dimensional appearance with overlapping curved planes that suggest depth and movement. Fine vertical striations or line patterns appear on the right side, creating a feathered texture that adds visual complexity. The pixelation effect is subtly applied with varying scale intensity, creating a granular quality that's more pronounced in certain areas. The overall mood is modern, fluid, and energetic, with a sense of motion and transformation. The lighting creates soft shadows and highlights that enhance the dimensional quality of the curved forms. The composition has a balanced asymmetry with the darker tones dominating the left and transitioning to lighter, more saturated cyan tones on the right.
