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
- Sunrise 3Background
A smooth, seamless gradient shader effect that transitions diagonally from the upper left to the lower right. The gradient begins with a rich blue (#4e7fd9) in the top-left corner, smoothly transitioning through purple and magenta tones in the center, then flowing into warm pink and coral hues before culminating in a golden-orange (#fad041) and burnt orange (#fa722a) in the bottom-right corner. The effect demonstrates a progressive blur applied at 90 degrees with a falloff of 0.47, creating a soft, diffused appearance throughout. Subtle wave distortion with a sine waveform (frequency 4.2, speed 3.4) adds gentle undulation to the color transitions without creating obvious ripples. A swirl effect with low blend intensity (5) and slow speed (0.3) contributes to the organic, flowing nature of the color transitions. The blob component centered at coordinates (1, 1) adds warmth and luminosity to the orange-yellow region with a highlight intensity of 0.35, creating a subtle glow effect. Film grain with 0.3 strength is applied as the outermost layer, adding fine texture and reducing banding artifacts. The overall mood is warm, energetic, and visually smooth, with no harsh edges or defined shapes-purely atmospheric and gradient-based.

- Sunrise 2Background
A smooth, flowing gradient shader effect that transitions diagonally from the lower-left to upper-right. The composition features a warm-to-cool color progression starting with bright yellow (#fad041) in the bottom-left corner, transitioning through orange and coral tones in the lower-middle section, then shifting to pink and magenta hues in the center, and finally resolving to blue (#4e7fd9) and dark-blue (#121bc9) tones in the upper-right. The gradient is extremely smooth and blended, with no hard edges or visible banding. A subtle film grain texture is applied across the entire surface at 0.3 strength, adding a slight noise pattern that prevents the gradient from appearing too synthetic. The progressive blur effect with 90-degree angle and 0.47 falloff creates a soft, diffused quality that enhances the dreamy atmosphere. The blob element positioned at the lower-left contributes warm yellow-orange tones with subtle highlight reflections, while the swirl component adds depth through its blue color palette. A gentle wave distortion with 4.2 frequency and 0.05 strength creates imperceptible undulations across the surface, maintaining visual continuity. The overall effect is a luminous, ethereal gradient with atmospheric depth and a soft, glowing quality.

- SunriseBackground
A radial gradient composition featuring a luminous spherical form at the center with warm orange and yellow tones that gradually transition outward. The sphere exhibits a soft, glowing quality with a bright yellow-white highlight on the right side, creating a three-dimensional appearance. The core of the sphere displays rich orange (#fa722a) and golden yellow (#fad041) hues that blend smoothly. Surrounding the central blob is a pink-to-magenta gradient halo that creates a soft atmospheric glow effect. The outer background transitions to a deep periwinkle blue (#4e7fd9) that frames the composition. The overall effect is highly blurred and diffused, with no sharp edges visible anywhere in the image. The progressive blur effect creates a vignette-like quality where the center is in focus and gradually becomes more diffused toward the edges. The wave distortion is subtly applied, creating minimal rippling effects. A fine film grain texture is overlaid across the entire composition at low opacity, adding subtle texture without disrupting the smooth gradient transitions. The color space appears to use OKLCH and OKLAB color models, resulting in perceptually smooth transitions between warm and cool tones. The overall mood is ethereal, glowing, and dreamlike with a soft, meditative quality.
