Gallery

A dynamic gradient shader effect featuring smooth, flowing color transitions across a dark background. The composition displays three primary color regions: a deep dark-blue to black base layer, overlaid with vibrant purple and magenta sine wave patterns that flow diagonally from upper-left to lower-right at approximately 77 degrees. A bright cyan-green (#22e8a5) sine wave element creates a horizontal flowing band across the middle-lower portion of the composition at 0 degrees. The waves exhibit soft, feathered edges with significant blur and glow effects, creating a luminous, ethereal quality. The WaveDistortion effect at 135 degrees adds subtle rippling and undulation to the overall composition, creating a sense of fluid motion and depth. A fine film grain texture is applied uniformly across the entire surface, adding subtle noise and texture. The blend modes (normal-oklch and normal-oklab) create smooth color transitions where the waves overlap, producing intermediate hues of blue and teal. The overall atmosphere is modern, energetic, and dreamlike, with a strong sense of movement and fluidity. The softness values (0.48 and 0.42) ensure the waves fade gradually rather than having hard edges, contributing to the smooth, blended appearance.

Code

vue