Radial Overlap
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.
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- Radial Overlap 10
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 11
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 12
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 2
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 Overlap 3
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 4
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.
