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.
12 presets
- Rounded Panels 12Background
A dynamic striped shader effect featuring diagonal parallel lines at a 22-degree angle running from upper-left to lower-right across the composition. The stripes alternate between two primary colors: a deep navy blue (#1a3a5c) and a warm tan/gold (#c4a265). The stripe density is set to 12, creating evenly-spaced parallel bands. The left edge of the composition shows tan-colored stripes, while the majority of the image is dominated by navy blue stripes with subtle tan outlines. A circular gradient mask (centered at 0.55, 0.42 with radius 1.7) modulates the balance between the two colors, creating a subtle variation in stripe intensity across the image. The effect has a soft, blended appearance with no hard edges, and the stripes maintain consistent width and spacing throughout. The overall mood is sophisticated and geometric, with a professional, minimalist aesthetic. The color transition is smooth due to the softness parameter and linear color space rendering.

- Rounded Panels 11Background
A dynamic striped shader effect featuring parallel diagonal lines at approximately 78 degrees angle, creating a sense of motion and depth. The stripes alternate between a deep navy blue (#1a3a6e) and a lighter periwinkle blue (#6fa8e0), with 12 stripes per unit density creating a rhythmic pattern. The stripes have sharp, clean edges with no softness, producing a crisp, geometric appearance. A circular gradient mask (invisible but active) centered slightly right of center (0.55, 0.42) with a radius of 1.6 units modulates the stripe balance, creating subtle variation in stripe prominence across the composition. The effect has a speed parameter of 0.2, suggesting animation capability. The overall mood is modern, technical, and professional with a cool color palette dominated by blue tones. The linear color space ensures accurate color representation. The composition appears to be viewed in widescreen 16:9 aspect ratio, with the diagonal stripes creating a sense of forward motion or directional flow from upper left to lower right.

- Rounded Panels 10Background
A dynamic striped shader effect featuring parallel diagonal stripes running at approximately 78 degrees from horizontal. The stripes alternate between a bright yellow (#ffe014) and a vibrant magenta/pink (#e6157b) with sharp, clean edges creating a bold contrast. The stripe pattern has a density of 12 lines with consistent spacing. The stripes appear to have a subtle wave or undulation effect, particularly visible where they curve slightly at the edges, suggesting a circular gradient mask is being applied to modulate the stripe balance. The effect creates a sense of motion and depth through the diagonal orientation. The overall composition maintains high saturation and vibrancy with no blur or softness applied to the stripe edges themselves. The circular mask (centered at approximately 55% horizontally and 42% vertically with a radius of 1.55) is invisible but actively controls the stripe balance variation across the composition, creating subtle variations in stripe prominence from center to edges. The color space is linear, ensuring accurate color reproduction.

- Rounded PanelsBackground
A dynamic striped shader effect featuring parallel diagonal lines angled at 78 degrees, creating a sense of motion and depth. The stripes alternate between a deep dark navy blue (#1a0a2e) and a vibrant crimson red (#c4153a), with the red occupying approximately the right third of the composition and the dark blue dominating the left two-thirds. The stripes have sharp, clean edges with subtle wave-like distortions along their boundaries, suggesting a flowing or undulating motion. The effect appears to be modulated by an invisible circular gradient mask centered at coordinates (0.35, 0.58) with a radius of 1.55, which creates a subtle feathering effect on the stripe balance, making the transition between colors appear more organic and less uniform. The density of stripes is set to 12, creating a medium-frequency pattern that's visually engaging without being overwhelming. The overall mood is energetic and modern, with a strong sense of directional movement from lower-left to upper-right. The color space is linear, ensuring accurate color representation. There is no visible blur or glow, maintaining crisp definition throughout the effect.

- Rounded Panels 9Background
A dynamic striped shader effect featuring diagonal lines at an 18-degree angle running across the composition. The stripes alternate between a deep forest green (#2a5c4e) and a soft sage green (#8bc4a0), creating a rhythmic pattern with 12 stripes per unit density. The effect demonstrates a radial gradient influence from an invisible circular mask positioned at coordinates (0.55, 0.42) with a radius of 1.7 units, which modulates the balance between the two colors - creating areas of stronger color saturation near the circle's center and more muted tones toward the edges. The stripe balance ranges from 0.1 to 0.9 opacity based on the circular mask's alpha channel, producing a subtle vignette-like effect where stripes appear more pronounced in the upper-left and lower-right regions. The overall mood is calm and organic, with a gentle wave-like quality created by the soft 0.1 softness value on the invisible circular mask. The linear color space ensures smooth color transitions, and the normal blend mode maintains the integrity of the stripe pattern without additional visual distortion.

- Rounded Panels 8Background
A dynamic striped shader effect featuring diagonal parallel lines running at approximately 118 degrees from horizontal. The stripes alternate between a bright, vibrant yellow (#ffe812) and pure black (#0a0a0a), creating high contrast. The lines have sharp, clean edges with a consistent width pattern. The stripe density is set to 12, creating evenly spaced parallel bands across the composition. On the right side of the image, the stripes transition into predominantly black territory, suggesting a gradient or mask influence. The effect appears to have a subtle depth with the yellow stripes appearing to recede slightly. The overall composition creates a sense of motion and directionality due to the diagonal orientation. A circular gradient mask (centered at x:0.28, y:0.58 with radius 1.78) is applied but set to invisible, controlling the balance/intensity of the stripe effect across the canvas, making the stripes more pronounced on the left and gradually diminishing toward the right edge. The blend mode is set to normal with full opacity, and the color space is linear for accurate color representation.

- Rounded Panels 7Background
A dynamic striped shader effect featuring diagonal parallel lines at a -32 degree angle running across the composition. The stripes alternate between a bright golden yellow (#f7d152) and a vibrant purple (#8e66f2), creating a strong chromatic contrast. The stripe density is set to 12, producing evenly-spaced parallel bands. A circular gradient mask is applied to the stripe pattern, creating a radial falloff effect where the stripes appear most prominent in the center of the composition and gradually fade toward the edges. The circle mask has a softness value of 0.1, producing a smooth transition zone. The balance between stripe widths is dynamically controlled by the circle's alpha channel, varying from 0.1 to 0.9 intensity. The overall effect creates a sense of directional motion and depth, with the yellow stripes appearing to flow diagonally across the purple background. The color space is set to linear for accurate color blending. The composition has a modern, energetic aesthetic with smooth gradations and no harsh edges.

- Rounded Panels 3Background
A dynamic diagonal stripe pattern shader effect featuring alternating bands of coral-red (#f4412f) and bright blue (#0a11e2) colors running at a 54-degree angle across the composition. The stripes have a consistent density of 12 bands with smooth, parallel edges. The most distinctive feature is a radial gradient mask applied to the stripe pattern, creating a circular gradient effect centered at approximately 42.6% horizontally and 75.6% vertically. This circular mask has a radius of 1.45 units with soft edges (0.1 softness), causing the stripe pattern to fade and modulate in intensity as it moves away from the circle's center. The effect creates a wave-like or undulating appearance where the stripes appear more prominent and saturated near the circular focal point and gradually become more transparent and less defined toward the edges. The overall mood is energetic and modern, with high contrast between the warm red and cool blue tones creating visual tension. The composition uses linear color space for accurate color rendering, and the entire effect maintains full opacity at 1.0.

- Rounded Panels 6Background
A dynamic striped shader effect featuring parallel diagonal lines at approximately 76 degrees angle, creating a sense of motion and depth. The stripes alternate between a dark forest green (#3e5542) and a bright sky blue (#32a8f4), with consistent spacing and uniform width. The stripe density is set to 12, creating evenly distributed bands across the composition. A circular gradient mask is applied with a center offset toward the upper-right area (approximately 58% horizontally, 63% vertically), with a radius of 1.65 units. This circular mask creates a soft vignette effect with 0.1 softness, causing the stripe balance to vary from 0.1 to 0.9 opacity based on the circle's alpha channel. The effect creates an illusion of striped ribbons or venetian blinds receding into space, with the circular mask adding dimensional variation. The overall atmosphere is clean and geometric, with a modern, minimalist aesthetic. The color contrast between the cool blue and muted green creates visual interest while maintaining a professional appearance.

- Rounded Panels 4Background
A dynamic diagonal stripe pattern shader effect featuring a smooth color gradient transition from warm orange to cool purple. The stripes are angled at approximately 131 degrees, creating parallel diagonal lines that sweep across the composition from lower-left to upper-right. The left portion of the image is dominated by vibrant orange (#f5600e) stripes with consistent spacing, while the right portion transitions into rich purple (#a259c0) stripes. The transition between colors is gradual and organic, creating a diagonal gradient boundary that runs from the upper-center area toward the lower-right. The stripe density is set to 12, producing evenly-spaced parallel lines with sharp, clean edges. The effect has a modern, minimalist aesthetic with a balanced opacity of 1.0, creating a solid, non-transparent appearance. The stripes maintain uniform width and spacing throughout, with the color shift being the primary visual variation. The overall composition suggests motion or flow along the diagonal axis, enhanced by the stripe pattern's directional nature. The color balance is modulated by an invisible circular gradient mask positioned at coordinates (0.246, 0.297) with a radius of 1.65, which subtly influences the stripe intensity across the canvas, though this modulation is subtle due to the balance range of 0.1 to 0.9.

- Rounded Panels 2Background
A dynamic shader effect featuring vertical stripes in bright lime green (#01cc6f) rendered against a vibrant purple background (#b243ff). The stripes have a uniform density of 12 lines and maintain a 0-degree angle, creating perfectly vertical parallel lines across the composition. The most striking feature is a circular gradient mask centered at coordinates (0.5, 1.0) with a radius of 1.8, positioned at the bottom-center of the frame. This circular mask creates a smooth, soft-edged gradient that modulates the stripe pattern, causing the stripes to fade and blend progressively from solid green at the bottom-center outward toward the edges. The effect creates a wave-like or bulging appearance where the stripes appear to curve around an invisible sphere. The softness value of 0.1 on the circle mask produces smooth feathering at the transition zones. The balance mapping uses the circle's alpha channel to vary stripe intensity across the composition, with output values ranging from 0.1 to 0.9, creating depth and visual interest. The overall mood is modern and energetic, with a sense of movement and dimensionality created by the interplay between the rigid vertical stripes and the organic circular gradient mask.

- Rounded Panels 5Background
A dynamic diagonal stripe pattern shader effect featuring parallel lines running at a 36-degree angle across the composition. The primary stripes alternate between a bright lime-green (#adfc5f) and a muted sage-green (#8cac59), creating a rhythmic visual pattern with 12 stripes per unit density. The stripe balance is modulated by an invisible circular gradient mask centered at coordinates (0.57, 0.84) with a radius of 1.55, creating a subtle wave-like distortion effect where the stripes appear to undulate and shift in width and intensity. The left and bottom edges of the composition show more pronounced stripe definition, while the upper right area exhibits softer, more blended transitions due to the circular mask's alpha channel influence. The overall effect creates a sense of movement and depth, with the stripes appearing to flow diagonally across the frame. The linear color space rendering ensures smooth gradations between the two green tones, and the softness parameter of 0.1 on the masking circle creates gentle feathered edges rather than hard boundaries. The opacity is set to full (1.0), and the blend mode is normal, allowing the striped pattern to sit cleanly over the background without transparency blending artifacts.
