Swatch Rings
A mesmerizing concentric circular gradient pattern with multiple nested rings emanating from the bottom center of the composition. The outermost ring features a cyan-to-green linear gradient (from #07c0d1 to #50fb9b) at 135-degree angle, creating a cool-toned outer boundary. Moving inward, successive rings transition through purple, pink, peach, and yellow hues, creating a rainbow-like effect. A yellow radial glow (#ffff00) positioned at the upper-left adds luminous warmth with 50% opacity. The entire composition is overlaid with a fine white grid pattern (40 cells, 0.3 thickness) creating a subtle mesh texture throughout. Wave distortion with sawtooth waveform (frequency 3.9, strength 0.3) creates subtle undulating ripples across the concentric rings, giving them a slightly fluid, organic quality. The ConcentricSpin effect with 5 rings centered at bottom-middle generates the primary circular structure with 45-degree intensity. Chromatic aberration (0.05 strength) introduces minimal color fringing at edges. Film grain (0.6 strength) adds fine noise texture across the entire surface, creating a slightly grainy, analog quality. The overall effect is vibrant, psychedelic, and hypnotic with smooth color transitions and layered visual depth.
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- Swatch Rings 2
A vibrant isometric 3D shader effect featuring geometric rectangular planes arranged in a complex spatial composition. The base gradient transitions diagonally from cyan-blue (#2597da) in the upper left to golden-tan (#a5a456) in the lower right, creating a warm-to-cool color interplay. A white grid overlay with 40 cells and 0.3 thickness creates a wireframe pattern across all surfaces, emphasizing the three-dimensional structure. The wave distortion effect with sawtooth waveform (frequency 3.9, strength 0.3, angle 90°) creates undulating ripples that flow vertically through the grid, causing the linear lines to bend and wave organically. A concentric spin distortion centered at coordinates (1, 0.5) with 5 rings and 45° intensity adds rotational warping, particularly visible in the right portion of the composition. Chromatic aberration with red offset -1 and blue offset +1 introduces subtle color fringing along edges, creating iridescent purple and cyan halos. Film grain with 0.6 strength adds a subtle textured noise overlay, giving the effect a slightly gritty, analog quality. The overall mood is futuristic and psychedelic, with the interplay of geometric precision and fluid distortion creating visual tension. The spatial depth is enhanced by the isometric perspective, making the planes appear to recede into the distance with varying angles of inclination.

- Swatch Rings 3
A vibrant abstract shader composition featuring a diagonal linear gradient transitioning from lime-green (#b9dd9b) in the lower-right to deep purple (#441994) in the upper-left. The gradient is overlaid with a fine white grid pattern (40 cells, 0.2 opacity) creating a mesh-like texture across the entire surface. A sawtooth wave distortion effect (frequency 3.9, strength 0.3, angle 90°) creates diagonal linear striations and rippling patterns that flow across the composition, producing a sense of movement and depth. A concentric spin effect centered at coordinates (0.187, 0.204) with 5 rings and 45° intensity creates swirling vortex-like distortions, particularly visible in the upper-left and center areas where purple dominates. The effect generates curved, spiral-like patterns that contrast with the linear wave distortions. A subtle chromatic aberration (strength 0.05 with red offset -1 and blue offset +1) adds slight color fringing at high-contrast edges. Film grain (strength 0.6) provides a grainy, textured overlay throughout, adding analog noise and reducing smoothness. The overall composition creates a dynamic, three-dimensional appearance with layered depth, combining geometric precision (grid) with organic distortion (waves and spin), resulting in a modern, digital aesthetic with retro-futuristic qualities.

- Swatch Rings 4
A dynamic shader effect featuring concentric circular rings emanating from the lower-left corner, creating a spiral vortex pattern. The primary color gradient transitions from bright yellow-gold (#fbcb50) in the center-left areas to deep teal and dark cyan (#07292a) in the outer regions and right side. The composition shows 5 distinct concentric rings with smooth, curved boundaries that appear to rotate or spin. A subtle diagonal wave distortion with sawtooth pattern creates linear striations across the surface, giving it a ribbed or textured appearance. A fine grid overlay with 40 cells and low opacity (0.17) adds micro-texture detail throughout. Chromatic aberration effects introduce slight color fringing at high-contrast edges. Film grain noise at 0.6 strength provides a grainy, analog quality. The overall effect creates depth through the layered rings while maintaining smooth color transitions. The lighting appears to come from the center-left, with the brightest yellow-green tones there and progressively darker tones moving toward the edges. The mood is energetic yet sophisticated, with a modern digital aesthetic.

- Swatch Rings 5
A dynamic gradient-based shader effect featuring warm autumn tones with layered depth. The composition consists of diagonal vertical bands that transition from deep orange (#e84520) on the left through golden yellow (#d4a017) in the center to coral and salmon pink tones on the right. The linear gradient flows at a 135-degree angle from bottom-left to top-right, creating a sense of movement and dimension. Overlaid on this base are fine diagonal line patterns that create a crosshatch or mesh texture across all surfaces, giving the effect a woven or fabric-like quality. A radial gradient with orange (#ff6622) at 50% opacity adds localized warmth and glow centered around the upper-right quadrant, creating subtle light falloff. The wave distortion effect with sawtooth waveform and 3.9 frequency creates subtle undulating ripples across the surface, particularly visible in how the line patterns bend and flow. Concentric spin rings (5 rings with 45 intensity) emanate from the left-center, adding rotational energy and depth layering. A fine film grain texture at 0.6 strength adds subtle noise throughout, enhancing the organic, textured appearance. Chromatic aberration with red offset of -1 and blue offset of +1 creates minimal color fringing at edges. The overall effect suggests a three-dimensional folded or pleated surface with warm, glowing ambient lighting, evoking autumn leaves, fire, or molten material.

- Swatch Rings 6
A serene, layered shader composition featuring a dominant linear gradient transitioning from teal (#0e8a9e) in the upper left to light mint green (#7dd4a8) in the lower right at a 135-degree angle. The gradient creates a smooth, flowing base with a cool, aquatic aesthetic. Overlaid on this foundation is a subtle radial gradient with warm orange tones (#ffa844) positioned at coordinates (0.7, 0.75), creating a soft, diffused warm accent that blends at 35% opacity, adding depth and visual interest to the cool palette. A fine white grid pattern with 40 cells is applied across the entire composition at 55% opacity, creating a subtle geometric structure that suggests depth and dimensionality, reminiscent of a 3D wireframe or tiled surface. The grid lines are thin (0.3 thickness) and maintain consistent spacing. A wave distortion effect with sawtooth waveform (frequency 3.9, strength 0.3, angle 177 degrees) creates subtle undulating ripples across the surface, giving the impression of water movement or fabric waves. A concentric spin effect centered at the top (0.5, 0) with 5 rings and 45% intensity adds rotational complexity and subtle swirling patterns. Chromatic aberration with minimal strength (0.05) introduces slight color fringing at red and blue channels, adding a contemporary digital aesthetic. Film grain at 60% strength provides texture and analog character throughout. The overall mood is calm, modern, and digital, with a cool color temperature dominated by teals and greens, punctuated by warm orange undertones.

- Swatch Rings 7
A sophisticated shader effect featuring a layered composition with a dominant purple color palette. The base is a linear gradient transitioning from deep dark-blue (#1a0a3d) at the bottom-left to light lavender (#c4a8f0) at the top-right, angled at 135 degrees. Overlaid on this gradient is a radial gradient centered at coordinates (0.7, 0.8) that emanates violet (#8b5cf6) with 40% opacity, creating a soft glowing hotspot in the upper-right quadrant. A fine white grid pattern with 40 cells and 0.35 opacity creates a subtle mesh texture across the entire surface, providing technical precision and depth. The composition is further enhanced by a sawtooth wave distortion applied at 177 degrees with a frequency of 3.9 and strength of 0.3, creating diagonal rippling patterns that flow across the image with mirror-edge behavior. A concentric spin effect centered at (1, 0) with 5 rings and 45% intensity adds rotational complexity, particularly visible in the right edge. Chromatic aberration with red offset of -1 and blue offset of +1 introduces subtle color fringing along high-contrast edges, creating a slight 3D anaglyph effect. Film grain with 0.6 strength adds analog texture and noise throughout, enhancing the cinematic quality. The overall effect is a modern, tech-forward aesthetic with flowing geometric patterns and a cool purple-to-lavender color temperature.
