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.
9 presets
- Drifting Lights 9Background
A smooth, gradient-based shader effect displaying a horizontal linear gradient that transitions from a muted lavender-purple on the left (#b2a4dc) to a deeper, more saturated blue-purple on the right (#8468f8). The gradient is overlaid with a subtle rectangular coordinate grid pattern that creates a faint geometric structure across the entire canvas, adding depth and mathematical precision to the composition. A fine film grain texture is applied uniformly across the surface at 0.3 strength, introducing organic noise that softens the otherwise smooth gradient and creates a slightly textured, analog quality. The effect is centered and symmetrical, with the gradient flowing horizontally from left to right. The overall mood is ethereal and calming, with a modern, digital aesthetic enhanced by the subtle grain texture. The rectangular coordinates effect at 3x scale creates barely perceptible linear patterns that suggest dimensionality without overwhelming the primary gradient effect.

- Drifting Lights 8Background
A dark, minimalist shader effect displaying a subtle horizontal linear gradient transitioning from a slightly warmer dark blue-gray (#212538) on the left to a cooler, deeper dark navy (#171b1f) on the right. The gradient is smooth and uniform across the entire canvas. Overlaid on this base gradient is a barely perceptible rectangular coordinate grid pattern that creates a subtle geometric structure with faint horizontal and vertical lines, scaled at 3x intensity but maintaining very low visibility due to the dark background. The entire composition is finished with a fine film grain texture at 0.1 strength, adding a subtle noise pattern that creates a cinematic, slightly textured appearance. The effect has a calm, professional, and atmospheric quality with no bright highlights or sharp contrasts. The overall mood is dark, sophisticated, and minimalist with a technical, digital aesthetic.

- Drifting Lights 7Background
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.

- Drifting Lights 6Background
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 5Background
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 4Background
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 3Background
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 2Background
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.

- Drifting LightsBackground
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.
