Gallery

A pixelated shader effect displaying a soft, rounded rectangular shape with a gradient that transitions from teal/cyan on the left side to pink/magenta on the right side. The gradient angle is dynamically controlled by simplex noise, creating subtle color variations throughout. The entire composition is heavily pixelated with a scale of 41 pixels, giving it a blocky, mosaic-like appearance. A dither pattern with bayer4 algorithm is applied in screen blend mode, adding a subtle textured noise using colors #95c6c2 (light cyan-green) and #475c80 (dark blue-gray), creating a grainy, halftone-like quality. The background is a light cyan dotted pattern. The overall effect creates a soft, pastel aesthetic with a retro digital or low-resolution video game appearance. A circular mask with softness is applied but set to invisible, subtly constraining the gradient's influence. The color space uses HSL interpolation, allowing smooth transitions between the teal (#21ac8e) and pink (#df0052) endpoints.

Code

vue