Shaders

A gradient shader effect transitioning from a lighter pink tone in the upper portion to a deeper magenta-red in the lower portion. The base layer is a solid color (#d42a5c) providing the foundational warm pink-red hue. Overlaid on top is a dither pattern using a Bayer 8x8 matrix that creates a subtle stippled texture throughout the image, with the dither effect transitioning between transparent and a brighter pink (#f46b93). The dither pattern is most visible in the mid-tones and creates a grainy, halftone-like appearance that adds depth and visual interest. Embedded within the dither layer is a sine wave effect positioned at coordinates (0.35, 0.28) with a white color, creating subtle undulating wave patterns that flow at an angle of 182 degrees. The sine wave has low amplitude (0.15) and frequency (0.5), making it a gentle, barely perceptible wave motion that adds organic movement to the otherwise static gradient. The overall effect is a soft, textured gradient with a subtle animated quality, creating a modern, digital aesthetic with a warm, energetic mood. The edges fade to transparent, and the entire composition maintains a cohesive pink-to-magenta color progression.

A gradient background transitioning from dark navy blue (#1a3d6b) in the lower left and right corners to lighter cyan-blue tones in the upper center and middle areas. The entire composition is overlaid with a dithered pattern using a Bayer 8x8 matrix, creating a granular, pixelated texture throughout. The dithering uses transparent areas mixed with bright cyan-blue (#4a8bd4) dots, producing a noisy, stippled appearance that becomes denser in lighter regions and sparser in darker regions. Subtle sine wave distortions are visible, creating gentle undulating patterns at approximately 312 degrees angle with white highlights that add luminosity and movement. The overall effect is a soft, atmospheric gradient with a digital, halftone-like quality. The pixelation is most prominent in the mid-tone areas, creating a smooth transition between the deep navy base and the lighter blue highlights. The mood is cool, technological, and serene with a subtle sense of depth created by the layered dithering and wave effects.

A warm-toned gradient shader effect transitioning from a burnt orange-red base color (#b83e24) to lighter peachy-orange tones (#e8724f) toward the upper portion. The composition features a sophisticated dithering pattern using an 8x8 Bayer matrix with a pixel size of 4, creating a subtle grainy texture across the entire surface. This dithering effect uses a threshold of 0.41, producing a mottled, organic appearance that breaks up the solid color into a stippled pattern of varying opacity. Overlaid on this textured base is a subtle sine wave element positioned at coordinates (0.35, 0.42) with a white color, angled at 312 degrees, creating gentle undulating lines with low amplitude (0.15) and moderate frequency (0.5). The sine wave moves at a speed of 0.4 with soft edges (softness: 1) and a thickness of 0.8, adding a delicate wave-like distortion that flows diagonally across the composition. The overall effect creates a warm, textured, and slightly animated appearance with depth achieved through the layering of solid color, dithering noise, and wave distortion. The atmosphere is warm and organic, with a subtle visual complexity that prevents the gradient from appearing flat or monotonous.

A soft, gradient shader effect transitioning from light pink at the top to deeper magenta-pink at the bottom. The base layer is a solid color (#de8ed9) providing the foundational warm pink tone. Overlaid on this is a dither pattern using a Bayer 8x8 matrix that creates a subtle grainy texture across the entire surface, with the dither transitioning between transparent and a lighter pink (#f0adea). The dither effect has a threshold of 0.41, creating a stippled, dotted appearance that adds visual complexity without overwhelming the smooth gradient. Embedded within the dither layer is a sine wave effect rendered in white (#ffffff) that creates subtle undulating horizontal wave patterns moving across the composition at a slow speed (0.4). The wave has low amplitude (0.15) and moderate frequency (0.5), positioned slightly offset from center (x: 0.413). The overall effect is a serene, atmospheric gradient with gentle noise texture and barely perceptible wave distortions, creating a dreamy, ethereal quality. The composition maintains full opacity throughout with normal blend modes, resulting in a cohesive, unified visual presentation.

A soft, gradient shader effect transitioning from a lighter mint green at the top to a slightly deeper sage green at the bottom. The base is a solid color layer (#8ede8e) that provides the foundational green tone. Overlaid on top is a dither pattern using a Bayer 8x8 matrix that creates a subtle speckled texture throughout the image, with the dither effect using transparent and a lighter green (#aef0ad) to add depth and visual interest. Beneath the dither layer, a sine wave animation moves horizontally across the lower portion of the composition at an angle of 154 degrees, creating subtle undulating white lines with soft edges and low amplitude (0.15). The sine wave has a thickness of 0.8 and moves at a moderate speed of 0.4, creating a gentle, flowing motion effect. The overall atmosphere is calm and serene, with a soft, organic quality enhanced by the combination of the dithering pattern and the animated wave. The pixelated dither effect (4-pixel size) gives the shader a slightly grainy, textured appearance while maintaining smooth color transitions. All elements blend together using normal blend mode, creating a cohesive, unified visual effect with no harsh edges or stark contrasts.

A soft, serene gradient background transitioning from light cyan-turquoise at the top to a slightly deeper mint-green tone toward the bottom. The base color is a warm turquoise (#8edece) providing the foundational hue. Overlaid on this is a subtle dithering pattern using a Bayer 8x8 matrix with a lighter cyan-green color (#adf0e5) creating a fine, granular texture across the entire surface. The dithering effect is applied with moderate opacity and a threshold of 0.41, producing a delicate speckled appearance that adds visual interest without overwhelming the smooth gradient. Embedded within the dither layer is a sine wave element rendered in white (#ffffff) positioned in the lower-right quadrant of the composition, creating subtle undulating wave patterns with low amplitude (0.15) and frequency (0.5). The wave moves at a slow speed (0.4) at an angle of 245 degrees, contributing a gentle, flowing motion to the otherwise static background. The overall effect is calming and minimalist, with a modern, digital aesthetic. The edges maintain transparency, and the blend mode is set to normal, allowing all layers to composite naturally without color distortion. The atmosphere is peaceful and contemporary, suitable for a clean, minimal design interface.

A warm, gradient background transitioning from pale golden-yellow in the upper left to a deeper, more saturated golden-tan in the lower right. The base is a solid color (#e3b354) with a subtle dithering effect applied using a Bayer 8x8 pattern that creates a fine, grainy texture throughout. The dithering uses transparent and light yellow (#f5d47f) colors to add depth and visual interest. Overlaid on this is a subtle sine wave pattern with white color, positioned in the upper-right quadrant at approximately 72% horizontally and 11% vertically. The sine wave has low amplitude (0.15) and moves at a slow speed (0.4), creating gentle undulating lines at an angle of 204 degrees. The overall effect is a warm, textured, and slightly animated gradient with minimal visual noise, creating a sophisticated and calming aesthetic. The dithering pattern is fine enough to appear as a subtle texture rather than obvious pixelation, while the sine wave adds a delicate, organic movement to the composition.

A gradient shader effect transitioning from a vibrant purple base (#652aa3) on the left side to a deeper, more saturated purple (#9241cc) on the right side. The composition features a dithering pattern overlay using a Bayer 8x8 matrix that creates a subtle grainy, stippled texture across the entire surface. This dithering effect is applied with a threshold of 0.41, producing a fine dotted pattern that adds visual complexity and depth. Overlaid on this textured base is a sine wave element positioned in the upper-left quadrant (at coordinates 0.22, 0.83 normalized), rendered in white (#ffffff) with soft edges and moderate thickness (0.8). The sine wave oscillates at a frequency of 0.5 with an amplitude of 0.15, creating subtle undulating patterns that move at a speed of 0.4. The overall effect produces a smooth, atmospheric background with layered visual interest - the solid purple foundation provides warmth and depth, the dithering adds a retro-digital texture, and the animated sine wave introduces organic, flowing movement. The edges fade to transparency, creating a seamless blend. The mood is modern, slightly ethereal, and evokes a sense of digital abstraction with organic motion.

A dark, minimalist shader effect featuring a near-black background with a subtle textured noise pattern. The base layer is a solid dark charcoal color (#121217) that provides the foundation. Overlaid on this is a dithering effect using a Bayer 8x8 pattern that creates a grainy, stippled texture across the entire canvas. The dither pattern alternates between transparent areas and slightly lighter dark gray pixels (#242424), producing a fine-grained, almost film-grain-like appearance. Embedded within this dithered layer is a subtle sine wave effect positioned in the lower-right quadrant (approximately 69% horizontally, 70% vertically). The sine wave appears as a soft, undulating white line with low amplitude and high softness (0.7), creating a gentle wave pattern at a 24-degree angle. The wave moves slowly (speed 0.4) with a frequency of 0.5, producing a smooth, organic motion. The overall effect is atmospheric and moody, with a grainy texture that suggests depth and subtle movement. The composition maintains high contrast between the dark background and the minimal white wave element, creating a sophisticated, tech-forward aesthetic.