Dot Gradient 5
A smooth, diagonal gradient shader transitioning from deep purple (#5c2b80) in the upper left to warm coral-orange (#e36750) in the lower right. The gradient flows at a 141-degree angle across the canvas with soft, blended color transitions. Overlaid on this base gradient is a subtle sine wave distortion effect at 26 degrees with moderate strength (0.45), creating gentle undulating ripples that slightly warp the color transitions without dramatically disrupting them. The wave effect adds organic movement and fluidity to the otherwise static gradient. Scattered across the entire composition is a fine dot grid pattern with high density (30), featuring small bright yellow-green dots (#d8fa2d) that twinkle with varying opacity. These dots are blended using linear dodge mode, creating a luminous, glowing effect that makes them appear to shimmer and stand out against the warm gradient background. The overall atmosphere is cosmic and ethereal, with the twinkling dots suggesting a starfield or particle effect. The composition has a modern, digital aesthetic with smooth color gradients and subtle motion implied by the wave distortion.
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- Dot Gradient
A smooth gradient background transitioning diagonally from vibrant magenta in the lower left corner through pink in the center to bright orange in the upper right corner. The gradient uses linear interpolation with mirror edge handling, creating a seamless color flow across the entire canvas. Overlaid on this gradient is a subtle dot grid pattern consisting of small, twinkling yellowish-green dots scattered across the surface at moderate density. The dots appear to shimmer with a linear dodge blend mode, creating a luminous, starry effect that adds depth and visual interest to the gradient. The overall composition has a warm, energetic atmosphere with a modern, digital aesthetic. The dots are small (approximately 4% of the viewport) and distributed evenly across the canvas, creating a celestial or cosmic feel against the warm gradient backdrop.
- Dot Gradient 2
A dynamic gradient background transitioning from light cyan-blue at the top to deep dark blue at the bottom, creating a vertical color flow. The gradient uses the OKLCH color space for smooth transitions between #00a6ff (bright cyan-blue) and #000dff (deep blue). A sine wave distortion effect with 119-degree angle and 0.33 strength creates subtle undulating ripples across the entire surface, giving the gradient a fluid, organic quality with gentle wave-like perturbations. Overlaid on top is a dot grid pattern with #d8fa2d (bright yellow-green) dots at 30% density with 0.04 size, creating a starfield or particle effect. These dots use a linear dodge blend mode, causing them to appear luminous and glowing against the blue gradient background. The dots have a twinkle animation effect set to full intensity, making them shimmer and pulse subtly. The overall atmosphere is serene and cosmic, resembling a night sky or deep water environment with twinkling stars or bioluminescent particles. The wave distortion adds gentle movement and fluidity while maintaining the calm, meditative quality of the composition.
- Dot Gradient 3
A warm gradient background transitioning from golden yellow on the left side to vibrant orange in the center and coral-red tones on the right side. The gradient flows diagonally from upper-left to lower-right with smooth color transitions. A subtle wave distortion effect is applied at a 317-degree angle, creating gentle undulating ripples across the entire surface that add organic movement and fluidity to the composition. Overlaid on top is a fine dot grid pattern with small yellowish-green dots scattered across the surface using a linear dodge blend mode, creating a twinkling, starry effect that appears to shimmer and glow against the warm background. The dots are small and densely distributed, giving the impression of particles or stars floating in space. The overall effect is warm, energetic, and slightly ethereal with a sense of depth and movement.
- Dot Gradient 4
A smooth, gradient-based shader effect transitioning diagonally from purple-magenta tones in the upper left to deep blue tones in the lower right. The gradient follows a 141-degree angle with a subtle wave distortion applied at 198 degrees, creating gentle undulating ripples across the surface that add organic movement without dramatic displacement. The primary color transition uses oklab color space for smooth interpolation between #9588ec (light purple) and #1c3f8a (dark blue). Overlaid on this gradient is a fine dot grid pattern with small yellow-green particles (#d8fa2d) scattered across the entire canvas at a density of 30, creating a starfield or sparkle effect. These dots use a linear dodge blend mode with full twinkle animation, making them appear to shimmer and twinkle subtly like distant stars. The wave distortion has a sine wave pattern with 0.6 frequency and 0.45 strength, creating a gentle, flowing visual rhythm. The overall atmosphere is cosmic and ethereal, with a calm, meditative quality. The composition maintains consistent opacity throughout with no transparency masking, creating a cohesive, unified visual experience.
- Optical Prism 2
A bright white canvas lit by a soft prismatic beam rising from the lower-right corner. The beam fans out into a wide, diffused rainbow that drifts slowly through cyan, light blue, magenta and pink, with a fine film grain over the whole composition.
- Optical Prism 4
A white canvas lit by a prismatic beam falling from the top edge. The light splits right away and fans out into a wide, soft arc of color that cycles slowly through yellow-green, peach, magenta and pink, with a fine film grain over the whole composition.
