Dither Wave 6
A smooth, gradient-based shader effect displaying a horizontal color transition from left to right. The left side features a vibrant magenta/pink (#df5fc7) that gradually transitions through purple and blue tones in the center, eventually shifting to a bright lime-green (#93e142) on the right side. The gradient uses the OKLab color space for smooth perceptual transitions. Overlaid on this base gradient is a second diagonal gradient that runs from the upper-left to lower-right, transitioning from deep blue (#1925d2) to magenta (#d65be6), creating a complex multi-directional color blend. The entire composition is rendered with a halftone dot pattern that becomes increasingly sparse and visible toward the edges, particularly noticeable in the lower-left and upper-right corners where the dots are more pronounced. This dithering effect creates a subtle texture that adds depth and visual interest to the smooth gradients. The overall mood is vibrant and modern, with a soft, diffused quality created by the blended gradients and the fine dot pattern texture.
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- Dither Wave
A smooth, gradient-based shader effect displaying a horizontal color transition from vibrant blue on the left to bright lime green on the right, with cyan and turquoise tones dominating the center. The gradient uses the OKLab color space for smooth interpolation between #0000ff (pure blue) and #1aff00 (bright lime green). The effect features a halftone or dotted pattern overlay that becomes increasingly visible toward the edges, creating a subtle pixelated texture that enhances the digital aesthetic. The dots are denser and more pronounced at the left and right edges, fading toward the center, giving the gradient a sophisticated depth. The overall composition is perfectly horizontal with no rotation, creating a clean left-to-right color sweep. The lighting is even and uniform across the entire canvas with no shadows or highlights, maintaining a flat, modern design aesthetic. The blend mode is set to normal, preserving the pure color transitions without any multiplicative or additive effects. The atmosphere is clean, contemporary, and tech-forward, evoking themes of digital transformation, energy, and motion.

- Dither Wave 10
A smooth gradient transition shader effect that flows from a vibrant deep red (#f40943) on the left side to a bright golden yellow (#f6dc28) on the right side. The gradient is created using a Bayer8 dithering pattern with a pixelSize of 5, which creates a subtle dotted texture throughout the entire composition. The dithering pattern becomes progressively more visible in the transition zone, creating a halftone-like effect that softens the color shift. Overlaid on this gradient is a sine wave component positioned at the right edge (x: 1) that creates vertical undulating lines with white color, soft edges (softness: 0.79), and a frequency of 0.7, adding a subtle wave distortion to the right portion of the gradient. The overall effect has a warm, energetic atmosphere with smooth color transitions and a modern, digital aesthetic. The opacity is fully set to 1, making the effect fully visible without transparency.

- Dither Wave 11
A gradient dither effect transitioning from teal/cyan in the lower left to pale yellow-green in the upper center, with a soft blue tone on the right edge. The image uses a Bayer 8x8 dithering pattern with 5-pixel blocks creating a pixelated, halftone-like texture across the entire composition. Overlaid on this dithered base is a subtle sine wave pattern at 45 degrees with white coloring, softness value of 0.79, and low amplitude (0.1), creating gentle undulating lines that add organic movement to the otherwise geometric dither pattern. The sine wave has a frequency of 0.7 and thickness of 0.8, making it visible but not dominant. The overall effect is a smooth color gradient interrupted by regular dithering artifacts, with the white wave pattern providing subtle directional flow. The edges fade to transparency, creating a soft vignette effect. The mood is calm and atmospheric, with a modern digital aesthetic combining retro dithering techniques with contemporary wave-based design elements.

- Dither Wave 12
A dithered gradient shader effect transitioning from teal-green in the bottom-left corner to bright yellow-lime in the upper-right area. The dithering uses a Bayer8 pattern with 5-pixel squares, creating a characteristic checkerboard-like pixelated appearance throughout the composition. The color transition is smooth yet granular, with the dither pattern becoming more pronounced in areas of color transition. A subtle sine wave element with white coloring and high softness (0.79) is layered beneath, creating gentle undulating distortions at a 169-degree angle, though its effect is minimal due to low amplitude (0.1) and is mostly obscured by the dominant dither effect. The overall mood is vibrant and energetic with a retro digital aesthetic. The threshold value of 0.32 creates distinct color banding within the dither pattern, emphasizing the separation between the teal and yellow color zones. The composition maintains full opacity with normal blend mode, resulting in a clean, unblended appearance.

- Dither Wave 2
A vibrant gradient shader effect displaying a smooth color transition across the canvas. The composition features a diagonal gradient flowing from the upper-left to lower-right, transitioning through multiple color zones. The upper-left corner begins with bright orange-yellow tones that gradually shift through coral and salmon pink hues in the upper-center area. The right side and center display rich magenta and hot pink colors that deepen into purple tones. The lower-left corner features a concentrated area of deep blue and dark-blue, creating a sharp color boundary. The entire effect is rendered with a halftone dot pattern overlay that becomes increasingly sparse and subtle from left to right, creating a pixelated texture that gradually dissolves into smooth gradients. The dots are most visible in the blue corner region and fade progressively toward the magenta and purple areas. The overall mood is energetic and modern, with a digital aesthetic enhanced by the dotted texture pattern. The gradient uses mirror edge behavior on the primary layer, creating smooth color transitions without harsh cutoffs.

- Dither Wave 3
A smooth, radial gradient shader effect transitioning from bright yellow-lime at the top-left corner to vibrant green at the bottom-right. The gradient uses a diagonal flow with the primary axis running from upper-left to lower-right, creating a sense of depth and movement. The color transition is extremely smooth and continuous, with no visible banding or harsh edges. The effect employs a halftone dot pattern overlay that becomes progressively denser toward the center, creating a subtle texture that adds visual interest without overwhelming the gradient. The dots are microscopic and create a soft, organic quality to the otherwise smooth gradient. The overall atmosphere is bright, energetic, and modern, with a fresh, natural feel reminiscent of spring growth or digital vitality. The blend mode appears to be normal with full opacity, allowing the gradient to display at maximum saturation. The color space used is oklab/oklch, which provides perceptually uniform color transitions that feel natural to the human eye.
