Shaders

A dynamic gradient shader effect featuring a dark navy-black background (#08071a) with two prominent sine wave components creating flowing, organic shapes. The primary visual elements are two overlapping wave patterns: one in deep purple (#7b22e8) positioned at 38% horizontal and 35% vertical with high amplitude (0.52) and soft edges (0.62 softness), and another in bright magenta (#c040e0) positioned at 72% horizontal and 61% vertical with lower amplitude (0.34) and medium softness (0.45). Both waves animate at different speeds (0.3 and 0.5 respectively) creating a fluid, pulsating motion. The waves blend using OKLCH and OKLAB color spaces, producing smooth color transitions and a luminous quality. A wave distortion effect with 0.45 strength and 1.6 frequency adds subtle undulating warping across the entire composition, creating depth and movement. The overall effect is enhanced by subtle film grain (0.1 strength) that adds texture without overwhelming the smooth gradients. The composition creates a sense of flowing energy with soft, blurred edges that fade into the dark background, producing an ethereal, atmospheric mood with strong purple-to-magenta color dominance.

A dynamic shader effect featuring a dark navy-black background (#0a0f12) with two prominent sine wave patterns creating an organic, flowing composition. The primary visual element is a vibrant green sine wave (#4a9e3d) positioned in the center-left area with high softness (0.62), creating a soft-edged, glowing appearance that dominates the composition. A secondary golden-tan sine wave (#c49a2e) is positioned in the upper-right quadrant with lower softness (0.42), creating a more defined edge. Both waves have animated motion with different speeds (0.3 and 0.5 respectively), creating a sense of fluid movement. The waves blend using OKLCH and OKLAB color spaces, producing subtle color transitions and gradients where they interact. A wave distortion effect with sine-type modulation (angle 52°, frequency 1.6) adds subtle rippling and warping across the entire composition, creating depth and movement. The overall effect is soft and atmospheric with a slight film grain overlay (strength 0.1) adding subtle texture and visual noise. The composition has a dreamy, ethereal quality with warm and cool color contrasts creating visual interest and depth.

A fluid, abstract gradient composition featuring soft-edged organic shapes with heavy blur and motion effects. The image is dominated by a dark navy-black background (#08071a) that serves as the foundation. An orange wave (#e85d05) emerges from the lower-left quadrant at a 77-degree angle, creating a thick, soft-edged form with significant blur and transparency. This orange element has a glowing, diffused quality with amplitude-based undulation. A bright blue wave (#0547e8) flows from the upper-right area at a 144-degree angle, creating a complementary contrast. Both waves exhibit sine-wave distortion patterns with high softness values (0.42 and 0.62), resulting in feathered, cloud-like edges rather than sharp boundaries. The wave distortion effect at 135 degrees with sine waveform adds additional fluidity and motion blur to the composition. A subtle film grain texture (0.1 strength) overlays the entire image, adding fine detail and reducing the smoothness. The blending modes (normal-oklch and normal-oklab) create smooth color transitions where the orange and blue elements interact, producing purple and magenta tones in the overlap regions. The overall effect is dreamlike and atmospheric, with a sense of flowing, undulating motion frozen in time. The composition has a strong sense of depth created by the soft focus and layering of the wave elements.

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.

A dynamic abstract shader effect featuring a dark navy background (#08071a) with two prominent sine wave elements creating flowing, organic patterns. A vibrant purple/magenta wave (#a305e8) positioned in the upper right area flows at an angle of 144 degrees with soft edges and a thickness of 1.46, creating a glowing, blurred stroke effect. A bright neon green wave (#05e862) emerges from the lower left at a 77-degree angle with more defined edges and lower softness (0.38), creating a sharper, more energetic line. Both waves exhibit smooth, undulating motion with wave distortion applied across the entire composition at 45 degrees, creating a subtle rippling effect that adds depth and movement. The waves blend using perceptually uniform color spaces (oklch and oklab) which creates smooth color transitions and a modern, vibrant aesthetic. A fine film grain texture (strength 0.12) is subtly overlaid across the entire image, adding subtle noise and texture. The overall effect is a high-contrast, neon-lit abstract composition with a sense of motion and energy, reminiscent of digital art, music visualization, or modern UI design elements. The blur and softness create a dreamy, ethereal quality while maintaining sharp color definition.

A soft, blurred abstract shader effect dominated by a gradient transitioning from deep dark navy/black tones in the upper left to light blue in the center, then shifting to purple and lavender tones in the upper right and lower right areas. The composition features two primary wave distortions: a blue-tinted sine wave positioned in the upper-left quadrant with a 77-degree angle creating a diagonal sweep, and a purple sine wave in the lower-right area at 144 degrees. Both waves have soft, feathered edges with significant blur creating an ethereal, dreamlike quality. The waves appear to flow and undulate across the composition with smooth gradients and gentle amplitude variations. A wave distortion effect at 120 degrees adds subtle rippling and warping to the overall image, creating depth and movement. The entire effect is overlaid with fine film grain at low opacity (0.1 strength) adding subtle texture and visual noise. The overall mood is serene and atmospheric with a cool color palette, soft focus throughout, and smooth color transitions that suggest motion and fluidity. The dark navy base (#08071a) provides deep contrast against the lighter blue (#7a9ec4) and purple (#b09adb) wave elements.

A dynamic gradient shader effect featuring a dark navy/black base (#08071a) overlaid with two animated sine wave components creating diagonal flowing bands. The primary orange sine wave (#e85a05) flows at a 77-degree angle from the lower-left toward upper-right, positioned at coordinates (0.38, 0.72) with soft edges and moderate amplitude creating a glowing ribbon effect. A secondary magenta/hot pink sine wave (#f00e4a) intersects at a steeper 144-degree angle from upper-left to lower-right, positioned at (0.73, 0.32) with higher amplitude creating a more pronounced wave distortion. Both waves blend using advanced color space modes (oklch and oklab) producing smooth color transitions where they overlap. A wave distortion effect at 45 degrees with sine waveform adds subtle undulating warping across the entire composition, creating depth and movement. The overall effect is enhanced by subtle film grain noise at 10% strength, giving the smooth gradients a slightly textured, analog quality. The composition creates a sense of flowing energy with warm orange tones dominating the left-center area and cool magenta-pink tones prominent in the upper-right, with purple transition zones where colors blend. The blur and soft edges create an ethereal, atmospheric quality suggesting motion and fluidity.

A dark, atmospheric shader effect dominated by a deep navy-black background (#08071a) with vibrant purple glowing elements. The primary visual feature is a soft, diffused purple glow that emanates from the center-right area of the composition, creating a luminous focal point. The purple light (#9000ff) has a very soft, feathered edge with high softness (0.57), producing a dreamy, ethereal quality. The glow appears to pulse and wave subtly due to the sine wave animation at 0.3 speed and the wave distortion effect applied at 177 degrees. The effect creates diagonal streaks of purple light that fade smoothly into the black background, suggesting motion or energy flowing across the frame. A subtle wave distortion with sine wave pattern adds organic, fluid movement to the light, making it appear to ripple and undulate. The overall atmosphere is moody and cinematic, with a cool color temperature dominated by purples against near-black darkness. Fine film grain texture (0.07 strength) adds a subtle grittiness and analog quality to the otherwise smooth gradients. The composition has a sense of depth and dimensionality created by the soft falloff of the glowing purple light.

A dynamic shader effect featuring a dark navy background (#0a1929) with two prominent animated sine wave components creating flowing, organic shapes. A cyan/light-blue wave (#00d9ff) positioned in the upper-left area flows at an angle of 144 degrees with moderate softness (0.55) and amplitude, creating a smooth, glowing ribbon effect. A vibrant magenta/pink wave (#ff006e) positioned in the lower-right area flows horizontally with higher amplitude (1.3) and softness (0.72), creating a thicker, more diffused band of color. Both waves are in constant motion with opposing speeds (-0.7 and 0.5 respectively), creating a sense of fluid, undulating movement. A subtle wave distortion effect with sine wave pattern at 228 degrees adds a gentle rippling quality to the entire composition, creating depth and movement. Fine film grain texture (0.12 strength) overlays the entire image, adding a subtle noise pattern that enhances the cinematic quality. The overall effect is a modern, tech-forward aesthetic with soft, blurred edges and a dreamy, atmospheric quality. Colors blend smoothly with normal blend mode, creating areas where cyan and magenta interact, producing subtle color shifts in the overlapping regions.

A dynamic gradient shader effect featuring a dark navy base (#08071a) with two prominent sine wave components creating flowing, organic shapes. The primary visual elements include a deep blue sine wave (#1733a3) positioned in the upper-left quadrant at 144-degree angle with moderate softness (0.55), creating a smooth, undulating form. A bright cyan wave (#00ffea) emanates from the right-center area at 0 degrees, producing a luminous, glowing effect that contrasts sharply against the dark background. Both waves utilize normal-oklch blend mode for smooth color transitions. A wave distortion effect at 114 degrees with 0.61 strength adds subtle rippling and warping to the overall composition, creating depth and movement. The distortion uses mirror-edge behavior for seamless tiling. A light film grain overlay (0.07 strength) adds subtle texture and visual noise, preventing the gradient from appearing too smooth and artificial. The overall atmosphere is cool and ethereal, with the cyan glow suggesting luminescence or energy, while the dark blue provides depth and mystery. The composition has a soft, blurred quality with smooth transitions between color zones, creating a dreamy, atmospheric effect reminiscent of underwater lighting or cosmic phenomena.

A dynamic gradient shader effect featuring a dark navy-black background (#08071a) with two prominent sine wave overlays creating a flowing, aurora-like appearance. A purple wave (#7e05e8) originates from the upper left at approximately 77 degrees, featuring soft edges with 0.55 softness and moderate amplitude (0.36), creating a thick glowing band (0.72 thickness) that sweeps diagonally across the composition. A bright neon green wave (#0ef04a) flows horizontally from the center-right area at 0 degrees with lower amplitude (0.17) and thickness (0.53), creating a more subtle luminous streak. Both waves blend using advanced color space blending modes (oklch and oklab respectively), producing smooth color transitions and a three-dimensional depth effect. A wave distortion effect at 241 degrees with sine wave pattern adds subtle undulation and movement to the entire composition. The overall effect resembles a northern lights or plasma phenomenon with soft, glowing gradients that fade from vibrant neon colors into the dark background. Film grain texture (0.07 strength) adds subtle noise and organic texture throughout. The spatial composition creates a sense of motion and energy flowing diagonally from upper-left to lower-right, with the green and purple colors creating complementary contrast against the near-black background.

A vibrant gradient shader effect featuring a smooth, flowing blend of colors transitioning diagonally across the frame. The composition begins with deep dark-blue and black tones in the upper left corner, transitioning through rich purple hues in the upper portion. The center-right area features a prominent magenta-to-pink gradient that flows into warm orange tones in the middle-right section. The lower left maintains deep magenta and purple colors, while the lower right fades to dark tones. Two sine wave components create subtle undulating patterns - one magenta wave positioned in the upper-left quadrant with soft edges and moderate amplitude, and an orange wave in the center-right area with tighter frequency. A wave distortion effect with sine wave pattern at 0.4 frequency adds subtle fluid movement throughout. The overall effect is smooth and atmospheric with soft color transitions, enhanced by minimal film grain (0.07 strength) that adds subtle texture without disrupting the gradient flow. The blend mode uses OKLCH color space for the sine waves, creating more perceptually uniform color transitions. The effect conveys a modern, digital aesthetic with a warm-to-cool color journey.

A smooth gradient shader effect transitioning vertically from cyan at the top to deep black at the bottom, with intermediate purple and orange tones creating a sunset-like atmosphere. The composition features two sine wave components: a cyan wave positioned in the upper-left area with moderate amplitude and softness creating a subtle undulating pattern, and an orange wave in the center-right area with lower amplitude adding warm tonal variation. A wave distortion effect with 176-degree angle and sine wave pattern creates subtle horizontal rippling across the entire composition, giving the gradient a fluid, breathing quality. The overall effect is enhanced by film grain noise at 0.07 strength, adding subtle texture and photographic quality to the smooth color transitions. The blend modes use normal-oklch for the sine waves, preserving color relationships while creating smooth, natural-looking color mixing. The dark navy base color (#08071a) anchors the composition, while the gradient flows through purple and magenta midtones before reaching warm orange and golden tones in the middle section, finally fading to cyan in the upper atmosphere. The effect creates a serene, twilight-like mood with gentle motion suggested by the wave distortion.

A smooth gradient shader effect transitioning from dark navy/black in the upper right to vibrant magenta and pink tones in the lower left and center. The composition features two primary sine wave components creating soft, glowing light sources - a blue glow positioned in the lower-center-right area with moderate softness (0.55), and a magenta/hot-pink glow slightly offset above it with similar softness (0.54). These waves blend using OKLCH color space for smooth color transitions. A wave distortion effect at 299 degrees adds subtle undulating movement across the entire surface, creating a liquid, flowing quality. The overall atmosphere is moody and atmospheric with a modern, neon-inspired aesthetic. Film grain at 0.07 strength adds subtle texture without overwhelming the smooth gradients. The dark navy base (#08071a) provides deep contrast against the bright pink (#f00e94) and blue (#0582e8) accents, creating a striking visual depth. The edges fade to transparency, allowing the effect to blend seamlessly. The lighting appears to emanate from multiple sources creating an ethereal, glowing quality typical of modern UI design and digital art.