Geogrid 5
An isometric 3D visualization featuring a layered cubic structure with a gradient background transitioning from cyan-green on the left to deep blue on the right. The composition consists of three primary visual elements: (1) A swirl shader base creating smooth color blending between blue (#2067b3) and green (#10b56b) using oklab color space, providing the foundational gradient atmosphere. (2) A wave distortion effect applied at 66 degrees with triangle waveform, creating subtle undulating ripples across the surface with 0.3 strength, giving the geometry a fluid, breathing quality. (3) A prominent grid overlay rendered in bright cyan (#24ffc5) with 16 cells, scaled to 75% and blended using hardLight mode, creating sharp geometric lines that define the cubic structure's edges and faces. The grid distortion component with 8x8 gridSize and 5 intensity adds depth variation and subtle warping to the grid pattern, with a decay of 1.8 creating perspective-based fading. The overall effect is a modern, tech-forward aesthetic with strong geometric definition, luminous cyan grid lines contrasting against the soft blue-green gradient background, creating depth through layered distortions and the isometric perspective. The hardLight blend mode of the grid creates glowing, semi-transparent line work that appears to float above the distorted surface.
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- Geogrid
A dynamic isometric shader effect featuring layered geometric planes with a magenta/pink grid pattern overlaid on dark backgrounds. The composition shows multiple chevron or arrow-shaped surfaces arranged in 3D perspective, creating depth through overlapping planes. The primary visual elements include: (1) A bright yellow-green gradient background on the left side transitioning to pure black, creating strong contrast; (2) Magenta/pink grid lines with triangular wave distortions creating a rippling, undulating effect across the surfaces; (3) The grid pattern uses a hardLight blend mode creating luminous intersections where lines cross; (4) Triangle wave distortions applied at 70-degree angles create diagonal striations and movement across the planes; (5) The overall effect suggests motion and fluidity despite the geometric structure, with the wave distortion giving the rigid grid an organic, breathing quality. The spatial arrangement uses isometric perspective with multiple receding planes, and the lighting creates a neon-like aesthetic typical of synthwave or cyberpunk visual styles. The magenta grid has a thickness of 3.5 units with 29 cells, creating fine detail across the surfaces.

- Geogrid 10
A vibrant gradient background transitioning from deep purple (#7355fe) on the left side to cyan and light-green (#91e040) on the right side, creating a smooth diagonal color flow. The composition features geometric line patterns overlaid throughout: a fine diagonal crosshatch grid pattern in the upper left corner with thin cyan lines, and bold parallel diagonal lines in the center-left area creating a 3D perspective effect. These linear elements appear to be rendered with a glowing, neon-like quality with soft edges. The wave distortion effect creates subtle undulations across the geometric patterns, giving them a fluid, organic movement while maintaining their structured appearance. A grid distortion with wrapping edges adds subtle warping to the overall composition. The blend modes create additive lighting effects where elements overlap, particularly visible in the hardLight blending of the grid components. The overall atmosphere is modern, digital, and dynamic with a tech-forward aesthetic. The opacity and layering create depth, with the geometric patterns appearing to float above the gradient base. The color space uses OKLAB for smooth, perceptually uniform color transitions.

- Geogrid 11
A geometric grid-based shader effect displaying an isometric perspective with a parallelogram shape. The composition features a dense grid of diagonal lines creating a chevron or herringbone pattern that appears to wave and undulate across the canvas. The grid lines are rendered in a light cyan-blue color (#a8d4e6) with a thickness of approximately 2.3 pixels, creating sharp linear patterns. The underlying background transitions smoothly from a muted purple-lavender on the left side to a soft blue-gray on the right, creating a subtle gradient atmosphere. The grid pattern exhibits wave distortion applied at a 350-degree angle with triangle wave characteristics, causing the parallel lines to bend and flow in a rhythmic, undulating motion. The distortion creates a sense of depth and movement, making the flat geometric pattern appear to ripple and shift. The overall effect combines a hard light blend mode that makes the grid lines stand out crisply against the gradient background. The composition maintains a 75% scale with the grid centered, and the entire effect is overlaid with a swirl component that adds subtle color variation between blue-gray (#7a9cb8) and soft purple (#b0a3c8) tones. The visual result is a modern, tech-forward aesthetic with a sense of dynamic motion frozen in time.

- Geogrid 12
A sophisticated gradient-based shader composition featuring a warm peachy-orange to cream gradient on the left side that transitions smoothly into a neutral beige-gray center. The composition is dominated by geometric grid patterns rendered in white with varying opacity levels, creating a layered isometric or 3D perspective effect. Multiple grid layers are positioned at different angles (approximately 45-degree rotations), with the grids appearing to recede into depth. A wave distortion effect is applied throughout, creating subtle undulating distortions across the grid lines, giving them a fluid, organic quality despite their geometric nature. The overall effect combines hard geometric structure with soft, flowing distortion. The right side features more prominent grid patterns with higher opacity, while the left side shows the warm gradient more prominently. The blend modes create subtle light interactions, particularly visible in the grid areas where a hardLight blend mode produces luminous highlights. The atmosphere is minimalist and modern, with a calm, professional aesthetic. The distortion effects create a sense of movement and fluidity without being chaotic, suggesting data visualization or abstract technological imagery.

- Geogrid 2
A dynamic gradient shader effect transitioning from warm yellow-orange on the left to deep red-brown on the right. The composition features two distinct geometric pattern layers: an upper parallelogram-shaped mesh grid with fine diagonal line work that creates a 3D perspective effect, and a lower triangular wave distortion pattern with similar line-based geometry. The mesh patterns appear to be rendered with a semi-transparent orange overlay (#ff4400) using hard light blending, creating a luminous quality. The wave distortion creates diagonal striations that flow from upper-left to lower-right at approximately 198 degrees, with a triangle wave frequency that produces sharp, angular line patterns. The overall effect combines a smooth color gradient base with intricate geometric line work that suggests motion and depth. The swirl component provides the foundational warm color transition using OKLCH color space, while the wave and grid distortions add structural complexity through their overlapping geometric patterns. The edges fade to transparency, creating a soft boundary effect. The lighting appears to come from the left side, with the brightest yellows concentrated in the lower-left quadrant and progressively darkening toward the upper-right.

- Geogrid 3
A 3D perspective grid visualization rendered in neon purple and magenta tones against a deep black background. The composition features two intersecting planes that converge toward a vanishing point, creating a tunnel-like effect. The primary plane features a diagonal hatching pattern with purple lines (#6a2fbf) creating a mesh of parallelograms that recede into depth. The secondary plane above displays a finer grid pattern with smaller cells, also in purple. The wave distortion effect creates subtle undulation across the grid lines, giving them a rippling, organic quality despite their geometric nature. The grid thickness is approximately 3.5 pixels with a hardLight blend mode that creates luminous edges. The overall effect suggests a digital landscape or data visualization with strong perspective distortion. The color palette transitions subtly between dark purple (#1e0c3a) and brighter magenta (#6a2fbf), with the brightest lines appearing to glow against the black void. The gridDistortion component adds subtle warping to the geometric structure, creating a sense of movement and energy. The atmosphere is distinctly cyberpunk and technological, evoking digital space or virtual reality visualization.
