Blueprint 3
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.
Usage
The preset as a Vue component. Paste it into a page, or open it in the editor to change it first.
Related Presets
See all- Blueprint
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.

- Blueprint 2
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.

- Optical Prism 2
A bright white canvas lit by a soft prismatic beam rising from the lower-right corner. The beam fans out into a wide, diffused rainbow that drifts slowly through cyan, light blue, magenta and pink, with a fine film grain over the whole composition.

- Optical Prism 4
A white canvas lit by a prismatic beam falling from the top edge. The light splits right away and fans out into a wide, soft arc of color that cycles slowly through yellow-green, peach, magenta and pink, with a fine film grain over the whole composition.

- Afternoon Sunlight
A soft, minimalist shader effect displaying a subtle grayscale composition. The image features a light gray background (#c4c4c4) as the base layer, overlaid with delicate Worley noise patterns that create organic, cellular-like structures. The noise generates a subtle texture with variations between light taupe (#a69f9f) and off-white (#fcf8f0) tones, producing a gentle, cloud-like appearance. A linear blur effect at 36 degrees with high intensity (300) creates directional motion streaks that soften the entire composition, giving it a dreamy, ethereal quality. Chromatic aberration with minimal strength (0.15) introduces very subtle color fringing at the edges of the blur, with red offset at -1 and blue offset at 1, creating barely perceptible color separation. The overall effect is soft, diffused, and atmospheric with a muted, monochromatic palette dominated by grays and off-whites. The blur and noise work together to create a sense of gentle movement and organic flow across the canvas. The mood is calm, serene, and slightly abstract.

- Afternoon Sunlight 2
A soft, minimalist shader effect featuring a predominantly light gray background (#c4c4c4) with subtle organic texture overlay. The composition includes diagonal light streaks and soft directional blur running from upper-left to lower-right at 135 degrees, creating a sense of motion and depth. A Worley noise pattern with f2-f1 mode generates delicate cellular-like structures in muted taupe (#a69f9f) and off-white (#fcf8f0) tones, providing fine granular detail across the canvas. The effect is enhanced by chromatic aberration with subtle color fringing (red offset -1, blue offset +1) that creates a slight iridescent quality at edges. The overall atmosphere is ethereal and atmospheric, with soft focus and gentle color separation suggesting depth and movement. A hidden blob component (marked invisible) would have provided additional highlight structure, but its absence keeps the effect clean and minimalist. The linear blur at 300 intensity creates strong directional motion blur, while the chromatic aberration at 0.15 strength adds a barely perceptible color separation that enhances the dreamy quality.
