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.
3 presets
- Swirls 3Background
A soft, ethereal gradient shader effect dominated by pastel tones creating a dreamy, atmospheric composition. The image features smooth color transitions flowing from deep blue in the upper left corner through lavender and light purple in the upper center, transitioning to pale cyan and mint green tones in the middle sections. The lower left area contains more saturated teal and cyan hues that blend into soft peachy-pink undertones. The overall effect is highly blurred and diffused with no sharp edges, creating a cloud-like or watercolor appearance. A subtle swirling motion is evident throughout, with soft organic wave patterns that suggest fluid dynamics. The composition has a gentle, calming quality with warm peachy-pink accents appearing as soft highlights or glows in the lower-middle area. The film grain texture adds a fine, barely perceptible noise that enhances the organic, natural feel. The color space appears to use oklch color blending which creates smooth, perceptually uniform transitions between hues. The overall mood is serene, meditative, and contemporary, resembling a modern design aesthetic or digital art piece.

- Swirls 2Background
A soft, blurred gradient shader effect featuring a smooth transition of colors across the canvas. The composition shows a dominant purple swirl on the left side that gradually transitions through blue and cyan tones toward the right edge. An orange-coral glow emanates from the upper-center area, creating a warm focal point that contrasts with the cool purples and cyans. The effect employs heavy Gaussian blur with soft, feathered edges that create an ethereal, dreamlike quality. Multiple layered swirls with different rotation speeds and blend modes create depth and movement, though the overall effect appears static in this frame. The FilmGrain overlay adds subtle texture and noise throughout, preventing the gradient from appearing too smooth and artificial. The color transitions are organic and flowing, with no hard edges, suggesting a liquid or atmospheric quality. The lighting appears to come from multiple sources - warm from the upper-middle area and cool from the edges - creating a balanced, harmonious composition. The entire image has a soft-focus, bokeh-like quality that suggests motion blur or intentional defocus.

- SwirlsBackground
A smooth, flowing gradient shader effect featuring soft, organic swirls and color transitions. The composition displays two primary swirl layers creating a fluid, wave-like pattern that moves diagonally across the canvas from upper-left to lower-right. The first swirl layer blends magenta (#e7149c) with light-green (#7ec55a) at 50% blend intensity, creating a smooth transition zone. A secondary swirl layer with higher detail (1.6) overlays the first, blending yellow-green (#b3ce53) with cyan (#97d6cb) using oklch color space and normal-oklab blend mode for enhanced color harmony. The overall effect is soft and diffused with no hard edges, creating an ethereal, atmospheric quality. A subtle film grain texture (0.4 strength) adds fine noise throughout, providing subtle texture without disrupting the smooth gradient flow. The blob mask underneath (invisible but used as a source) creates a soft vignette-like falloff toward the edges. The color transitions are smooth and natural, with the magenta-to-green gradient dominating the upper portion and the yellow-green-to-cyan gradient creating a cooler tone in the middle-lower section. The entire composition has a dreamy, pastel quality with soft focus and gentle color bleeding.
