Gallery

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.

Code

vue