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
- Blueprint 3Background
A sophisticated gradient-based shader effect featuring a radial gradient transitioning from bright cyan-blue (#0088ff) at the center to deep purple (#2f04e0) at the edges. The composition is dominated by a diagonal grid pattern with fine white lines at approximately 155 degrees, creating a sense of perspective and depth. The grid appears to stretch from the upper-left toward the lower-right, with the grid density increasing toward the right side of the composition. A subtle diffuse blur with intensity of 2 softens the overall effect, creating a smooth, ethereal quality. The grid lines are rendered with luminance masking, allowing them to interact with the underlying noise layer. A light film grain texture with 0.2 strength adds subtle noise throughout. The linear dodge blend mode on the stretch effect creates bright, luminous grid lines that appear to glow against the blue-purple gradient background. The overall atmosphere is modern, digital, and tech-forward, with a sense of motion and dimensional depth created by the stretched grid perspective.

- Blueprint 2Background
A sophisticated gradient shader effect transitioning from deep purple-blue on the left to bright cyan-blue on the right. The primary visual element is a radial gradient centered at approximately 77% horizontally and 43% vertically, creating a focal point of bright cyan (#0088ff) that gradually transitions to deep purple (#2f04e0). Overlaid on this gradient is a geometric grid pattern with 31 cells, rendered in white with 0.2 thickness, creating a perspective-distorted mesh that appears to stretch diagonally at 261 degrees from a point near the bottom-left. The grid lines are subtle but visible, creating a technical, digital aesthetic. A linear dodge blend mode on the stretch effect causes the grid to appear luminous and slightly glowing against the gradient background. The entire composition is softened by a diffuse blur with intensity of 2, creating a smooth, atmospheric quality that reduces the harshness of the geometric elements. Fine film grain with 0.2 strength is applied across the entire image, adding subtle texture and a cinematic quality. The overall mood is cool, technical, and ethereal, with a sense of depth created by the perspective distortion of the grid pattern. The lighting appears to emanate from the bright cyan focal point, creating a subtle glow effect throughout the composition.

- BlueprintBackground
A smooth gradient background transitioning from bright cyan-blue (#0088ff) in the lower-left quadrant to deep purple-blue (#2f04e0) in the upper-right corner, creating a radial gradient effect centered slightly left of center at coordinates (0.355, 0.376). The gradient has soft, feathered edges that fade smoothly across the entire canvas. Overlaid on this base are subtle diagonal line patterns created by a stretched grid effect at a 70-degree angle, positioned in the upper-left area. These grid lines are very faint and semi-transparent, rendered in white with a luminance mask applied, creating a geometric texture that appears to stretch diagonally across the composition. The entire effect is softened by a diffuse blur with intensity of 2, giving the image a slightly hazy, atmospheric quality. A fine film grain texture is applied at 0.2 strength, adding subtle noise throughout the image for a refined, polished appearance. The overall mood is cool, professional, and modern with a sense of depth and dimensionality created by the layered gradient and subtle texture elements.
