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.
11 presets
- Solar Silk 11Logo
A sophisticated gradient shader effect featuring a smooth horizontal linear gradient transitioning from deep dark purple (#1a0a2e) on the left to a vibrant medium purple (#7b3fc4) on the right. Overlaid on this gradient is a soft, glowing circular orb positioned in the lower-center area with a dark purple core (#4e1a8a) that radiates outward with significant softness (0.59 blur). The circle has a subtle light purple stroke (#c9a0f0) creating a luminous rim effect. The entire composition is affected by a sine wave distortion at 122 degrees with moderate strength (0.3), creating subtle undulating ripples across the surface. A glass morphism effect with SVG-based shape masking adds depth and refraction (0.54) with chromatic aberration (0.93), creating a frosted glass appearance with light refractions. The scene includes interactive cursor ripples with high intensity (20) and decay (20), allowing dynamic wave responses to user interaction. A subtle film grain texture (0.1 strength) adds fine detail and reduces the smoothness, creating a more organic, textured appearance. The overall mood is ethereal and modern, with a mystical purple atmosphere enhanced by the soft glow and glass-like surface quality.

- Solar Silk 10Logo
A vibrant gradient background transitioning horizontally from hot pink (#ff3d6b) on the left through magenta and purple in the center to cyan (#0af0e8) on the right. Overlaid on this gradient is a large, soft-edged yellow circle (#ffe014) positioned in the lower-center area with significant blur and feathering, creating a glowing orb effect. The yellow circle has a subtle magenta stroke outline. A hexagonal glass shape with chromatic aberration and refraction effects is centered in the composition, creating a frosted glass appearance with light refractions and highlights. The glass element shows iridescent color shifts and subtle internal distortions. Wave distortion effects create subtle undulating ripples across the entire composition at a 122-degree angle. Cursor ripples with chromatic splitting add interactive shimmer effects. Fine film grain texture overlays the entire image at low opacity, adding subtle noise and texture. The overall mood is modern, dreamy, and ethereal with a soft, glowing aesthetic. The color space uses OKLAB for smooth color transitions and linear gradients for precise color blending.

- Solar Silk 9Logo
A sophisticated gradient shader effect featuring a horizontal linear gradient transitioning from warm coral-orange (#e85d3a) on the left through golden-yellow tones in the center to cool teal-blue (#1a6b8a) on the right. Overlaid on this gradient is a large, soft-edged circular shape with a turquoise-teal color (#2db89e) positioned in the upper-center area with significant blur and softness (0.59 softness value), creating a glowing orb effect. The circle has a subtle golden-orange stroke (#f2a93b) with minimal thickness. A glass morphism effect is applied with SVG-based shape masking, creating a frosted glass appearance with refraction (0.54), chromatic aberration (0.93), and fresnel highlights that enhance the three-dimensional quality. Wave distortion is subtly applied at 122-degree angle with sine wave pattern, creating gentle undulating ripples across the entire composition. The overall mood is serene and ethereal, with soft, blended transitions between color zones and a luminous quality enhanced by the glass effect's highlight and refraction properties. Film grain texture (0.2 strength) adds subtle noise throughout, while cursor ripples provide interactive responsiveness.

- Solar Silk 8Logo
A sophisticated gradient shader effect featuring a smooth horizontal linear gradient transitioning from warm peachy-tan (#e8b4a0) on the left to deep purple (#5b3a8c) on the right. Overlaid on this base is a soft, glowing circular element centered slightly left of center and lower in the composition, rendered in a warm terracotta tone (#c27868) with significant softness (0.59) creating a diffused halo effect. The circle has a subtle stroke outline in a light beige color (#e6d4c3). A wave distortion effect at 122 degrees with sine wave pattern adds subtle undulating movement to the entire composition. The glass morphism component creates a frosted, translucent geometric shape (hexagonal or rounded polygon based on the SVG) in the center-upper area with chromatic aberration (0.93), refraction (0.54), and fresnel effects that catch light at approximately 300 degrees, producing subtle rainbow-like edge highlights and internal reflections. The overall mood is ethereal and modern, with soft focus areas blending seamlessly. Film grain at 0.2 strength adds subtle texture throughout. Interactive cursor ripples with intensity 20 and decay 20 create dynamic water-like distortions on interaction. The color space uses linear gradients and oklab color space for smooth, perceptually accurate transitions.

- Solar Silk 7Logo
A serene, minimalist shader effect featuring a soft gradient background transitioning from light blue (#b8d4e3) on the left to deeper blue (#5491bf) on the right. The composition is dominated by a large, softly blurred circular form centered slightly off-center (at coordinates 0.42, 0.84921875) with a muted blue-gray color (#9bb5d4). The circle has significant softness (0.59 blur) creating a gentle, diffused glow effect with a subtle stroke outline in pale purple (#c9b8d9). The overall atmosphere is calm and ethereal, enhanced by subtle wave distortions (sine wave at 122 degrees with 0.3 strength) that create gentle undulations across the entire surface. A fine film grain texture (0.2 strength) adds subtle noise and tactile quality. Interactive cursor ripples with chromatic aberration effects are present but subtle. A glass effect with refraction (0.54), aberration (0.93), and fresnel properties creates a luminous, translucent quality with soft highlights. The lighting angle at 300 degrees produces gentle specular highlights. The overall mood is tranquil, meditative, and slightly ethereal with soft, rounded forms and smooth color transitions.

- Solar Silk 6Logo
A vibrant gradient shader effect transitioning horizontally from warm orange-red tones on the left (#e84a1c) through golden-yellow in the center to deep magenta-purple on the right (#8b1a5e). The composition features a prominent soft-edged circular glow positioned in the lower-left quadrant with a golden-orange color (#f5a623) that creates a warm luminous focal point. The circle has significant softness (0.59) creating a diffused halo effect that blends seamlessly into the background gradient. A subtle wave distortion with sine wave pattern (angle 122°, strength 0.3) creates gentle undulating ripples across the entire surface, adding organic movement and depth. The glass effect overlays an SVG-based geometric shape in the center with chromatic aberration (0.93) and refraction properties, creating a subtle prismatic quality with light refractions visible at approximately 300° angle. Interactive cursor ripples with chromatic split add responsive visual feedback. A fine film grain texture (strength 0.2) is applied uniformly across the composition, adding subtle noise and texture that prevents the gradients from appearing too smooth. The overall mood is energetic and modern with a warm-to-cool color temperature shift from left to right, creating visual depth and dimensionality.

- Solar Silk 5Logo
A soft, dreamy gradient background transitioning from warm peachy-beige tones on the left (#fce4cd) to cool mint-green on the right (#d4e9c4). The composition features a prominent soft-edged circular glow centered slightly right and lower in the frame, rendered in light blue (#b0d8f4) with significant feathering (59% softness). This circular element creates a luminous focal point with subtle chromatic depth. Overlaid on the composition is a geometric glass-morphism shape featuring a chevron or arrow-like form pointing rightward, positioned in the center-upper portion of the canvas. The glass element exhibits refraction distortion (0.54 intensity), chromatic aberration (0.93), and subtle fresnel highlights creating a translucent, crystalline appearance. The entire scene is subtly animated with wave distortion applied at a 122-degree angle with sine wave characteristics, creating gentle undulating movement. A fine film grain texture (0.2 strength) adds subtle noise throughout, enhancing the organic quality. Interactive cursor ripples with chromatic splitting provide dynamic responsiveness. The overall mood is ethereal, modern, and calming with a contemporary glassmorphism aesthetic blending soft organic gradients with geometric glass elements.

- Solar Silk 4Logo
A vibrant gradient shader effect transitioning from deep purple (#824bcf) on the left to dark maroon (#61214e) on the right, creating a horizontal linear gradient across the entire canvas. Overlaid on this base is a prominent red circular glow (#ea1624) positioned in the lower-left quadrant with soft feathered edges (softness: 0.59), creating a warm focal point that bleeds into the cooler purple tones. The circle features a subtle purple stroke outline (#a16cce) with 0.2 thickness. A wave distortion effect (sine wave, 122-degree angle, 0.3 strength) subtly undulates across the entire composition, creating organic fluid movement. An SVG-based glass morphism shape is centered in the composition with chromatic aberration (0.93), refraction (0.54), and fresnel effects, adding depth and a translucent quality to the surface. The glass element has a subtle white highlight and tint with edge softness of 0.4, creating a glossy, dimensional appearance. Cursor ripples with chromatic split (intensity: 20, decay: 20) respond to interaction, adding dynamic responsiveness. A fine film grain overlay (strength: 0.2) adds subtle texture and analog quality throughout. The overall mood is modern, energetic, and interactive with a balance between cool purple tones and warm red accents, creating visual tension and depth.

- Solar SilkLogo
A sophisticated gradient shader effect featuring a horizontal linear gradient transitioning from muted blue-gray (#89a3ae) on the left to vibrant cobalt blue (#1c79eb) on the right. Overlaid on this base is a prominent circular element with a purple hue (#ae6dfe) positioned in the lower-left quadrant, featuring soft edges with 0.59 softness creating a glowing orb effect. The circle has a subtle yellow stroke (#f1dd0f) at its perimeter. A glass morphism effect is applied centrally with an SVG-based rounded square shape, creating a frosted glass appearance with chromatic aberration (0.93 intensity) and refraction (0.54 strength), producing iridescent light bending and subtle rainbow color fringing at the edges. Wave distortion at 122 degrees with sine wave pattern adds subtle undulating movement to the composition. The overall atmosphere is ethereal and modern, with soft bokeh-like quality from the glass effect and gentle wave animations. Film grain texture (0.2 strength) adds subtle noise throughout. Cursor ripples with chromatic split create interactive water-like distortions. The color palette blends cool blues and purples with warm peachy-pink tones in the gradient transitions, creating a dreamy, contemporary aesthetic with depth and dimensionality.

- Solar Silk 3Logo
A smooth, flowing gradient shader effect with a soft, dreamlike quality. The composition features a horizontal linear gradient transitioning from cyan (#83eac5) on the left through soft peachy-pink tones in the center to vibrant magenta (#f4327f) on the right. Overlaid on this base is a prominent purple circular element (#a833b1) positioned in the lower-left quadrant with significant softness (0.59 blur), creating a glowing orb effect that bleeds into the surrounding gradient. The entire composition is affected by a subtle wave distortion (122-degree angle, sine wave at 0.3 strength) that creates gentle undulating ripples across the surface, giving it an organic, fluid appearance. A glass morphism effect with SVG-based shape overlay adds dimensional depth with chromatic aberration (0.93) and refraction (0.54), creating subtle light refractions and edge highlights. Fine film grain texture (0.2 strength) adds subtle noise throughout, enhancing the tactile quality. Cursor ripple effects with chromatic split provide interactive responsiveness. The overall mood is ethereal and contemporary, with soft, blurred edges and a pastel-to-vibrant color palette that suggests movement and fluidity.

- Solar Silk 2Logo
A soft, ethereal gradient background transitioning from purple and pink on the left side to warm orange and coral tones on the right side. The gradient flows horizontally with smooth color transitions. Overlaid on this gradient is a large, soft-edged circular shape with a pale pink/mauve color (#e49ede) positioned slightly off-center toward the lower-left area. The circle has significant softness (0.59 blur) creating a diffused, glowing halo effect that blends seamlessly with the background gradient. The overall composition has a dreamy, atmospheric quality enhanced by subtle wave distortion creating gentle undulations across the entire surface. A fine film grain texture (0.2 strength) adds subtle noise throughout, preventing the image from appearing too smooth and artificial. The glass effect with SVG shape overlay adds a subtle refractive quality with minimal chromatic aberration (0.93), creating a delicate glossy appearance. The lighting appears soft and diffused with no harsh shadows, creating a warm, inviting mood. The color space uses linear and oklab color spaces for smooth, natural blending.
