Drifting Lights 2
A smooth, blended gradient shader effect transitioning horizontally from left to right. The left side features a vibrant magenta (#e106a9) that gradually transitions through pink and mauve tones in the center, ultimately shifting to a bright lime-green (#52b744) on the right side. The gradient uses OKLab color space for smooth perceptual blending, creating soft, natural color transitions without harsh banding. A rectangular coordinate system overlay with 3x scale creates subtle geometric structure and depth perception across the composition. Fine film grain texture with 0.3 strength is applied uniformly across the entire surface, adding a subtle cinematic quality and reducing the smoothness of the gradient. The grain creates a slightly textured, analog appearance while maintaining the overall smooth gradient flow. The effect has a horizontal linear gradient axis running from left (x:0) to right (x:1) at the vertical center (y:0.5), with the angle set to auto-animate in a loop, though the current frame shows the static gradient state. The overall mood is modern, vibrant, and slightly ethereal with balanced saturation across the color spectrum.
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- Drifting Lights
A smooth, seamless gradient shader effect transitioning diagonally from blue-purple tones in the upper left to cyan-blue tones in the upper right, with deeper purple and magenta hues dominating the center and lower portions. The gradient flows horizontally with a primary color transition from a vibrant purple (#780ff7) to a bright cyan-blue (#3692e7). The effect uses the OKLab color space for smooth perceptual color transitions. A subtle rectangular coordinate grid pattern is overlaid with 3x scale intensity, creating a faint geometric structure beneath the gradient. Fine film grain texture with 0.3 strength is applied across the entire surface, adding a subtle noise pattern that prevents banding and creates a natural, slightly textured appearance. The overall mood is modern and digital, with a soft, glowing quality. The gradient appears to have a looping animation capability with auto-animate enabled, suggesting the angle rotates continuously. The composition is perfectly centered with no rotation, creating a balanced, symmetrical visual effect.

- Drifting Lights 3
A smooth, horizontally-oriented linear gradient shader that transitions from a vibrant lime green (#28f572) on the left and right edges to a teal cyan (#1db0a6) in the center. The gradient creates a symmetrical color flow moving from the outer edges toward the middle of the composition. The effect is enhanced by a subtle rectangular coordinate grid pattern that adds depth and structure to the gradient, creating a gentle wave-like visual rhythm. A fine film grain texture is overlaid at 30% strength, providing a subtle noise pattern that adds organic texture and prevents the gradient from appearing too smooth or artificial. The overall mood is fresh, modern, and calming, with the cool tones dominating the visual experience. The gradient animates smoothly with auto-rotation in loop mode, creating a continuous, mesmerizing effect. The color space uses OKLAB for smooth perceptual transitions between the green and cyan hues.

- Drifting Lights 4
A smooth, radial gradient shader effect transitioning from deep blue (#133688) on the left side to vibrant magenta/pink (#d7147f) on the right side. The gradient flows horizontally across the canvas with a soft, blended transition through purple tones in the center. The effect uses OKLab color space for smooth interpolation between the two primary colors. A subtle film grain texture with 0.3 strength is overlaid across the entire surface, creating a fine, cinematic noise pattern that adds depth and reduces banding. The rectangular coordinate system at 3x scale creates subtle geometric structure beneath the gradient. The overall mood is modern and atmospheric, with a vaporwave-inspired aesthetic. The gradient maintains consistent opacity throughout with no sharp edges, creating a seamless, professional appearance suitable for backgrounds or UI elements.

- Drifting Lights 5
A smooth, radial gradient shader effect that transitions from vibrant red at the center to warm orange and tan tones in the mid-regions, finally fading to bright lime green at the edges. The gradient flows horizontally with a linear interpolation between red (#bb131c) and green (#82ef77) using OKLab color space, creating smooth intermediate hues of coral and peachy tones. A rectangular coordinate system overlay with 3x scale creates subtle geometric structure and depth perception. The entire composition is softened by a film grain texture at 0.3 strength, adding a subtle noise pattern that creates a cinematic, slightly textured appearance. The effect has a warm-to-cool temperature shift from center to periphery, with the grain providing micro-level detail that prevents the gradient from appearing too flat or artificial. The overall mood is energetic and vibrant, with smooth blending and no harsh edges.

- Drifting Lights 6
A radial gradient shader effect featuring a bright lime-green center that transitions smoothly outward into cyan and teal tones, ultimately reaching deep blue and dark blue at the edges. The gradient creates a luminous, glowing core effect with soft, feathered transitions between color zones. The RectangularCoordinates component with scale 3 creates a subtle radial distortion pattern that adds depth and dimensionality to the gradient field. A fine film grain texture overlay (strength 0.3) adds subtle noise throughout, creating a slightly textured, atmospheric quality that prevents the gradient from appearing too smooth or artificial. The overall effect suggests a soft light source emanating from the center, with a cool color temperature dominated by blues and greens. The composition is symmetrical and centered, creating a meditative, ethereal atmosphere. The blend mode is normal with full opacity, allowing all components to layer naturally without color manipulation.

- Drifting Lights 7
A smooth, blended gradient shader effect transitioning from vibrant lime green (#88ce0c) on the left and right edges to a rich magenta-pink (#d168cd) in the center. The gradient flows horizontally with soft, feathered edges that create a seamless color transition across the entire canvas. The effect uses OKLab color space interpolation for perceptually smooth color blending. A subtle film grain texture with 0.3 strength is overlaid across the entire surface, adding a fine, organic noise pattern that prevents the gradient from appearing too synthetic. The rectangular coordinates effect with 3x scale creates a subtle spatial distortion that adds depth and dimension to the otherwise flat gradient. The overall mood is contemporary and ethereal, with the complementary color pairing (green and magenta) creating visual vibrancy while maintaining a soft, diffused appearance. The animation loop on the gradient angle suggests this effect cycles through rotational variations, though the current frame shows a horizontal orientation.
