Shaders
767 GPU presets for backgrounds, logos and images. Open one to run it live, tune it in the editor, and export the Vue code or an image.
2 presets
- Heatwave 2Background
A vibrant gradient shader effect featuring a warm-to-cool color transition. The left and center portions display a golden yellow (#fbbf24) to orange (#f59e0b) gradient with a bright, glowing highlight in the upper-center area creating a luminous focal point. The right side transitions dramatically into cool tones with cyan (#06b6d4), light-blue (#0ea5e9), and dark-blue (#1e40af) creating a sharp color boundary. The effect includes subtle film grain texture overlay (0.75 strength) providing a grainy, organic quality throughout. A progressive blur radiates from the upper-right corner (315-degree angle) with moderate falloff creating depth. The swirl component generates flowing, turbulent patterns in the blue regions with medium complexity (5.5), while a soft blob element centered at the lower-left adds organic, amorphous shapes with 0.85 softness and a pale yellow highlight (#fef3c7). Wave distortion with sine waves (3.5 frequency) at 45 degrees adds subtle undulating movement to the entire composition. The overall mood is energetic and dynamic, with smooth color gradations and soft, blurred edges creating an atmospheric, dreamlike quality.

- HeatwaveBackground
A vibrant gradient shader effect displaying a smooth color transition across the image. The composition features a diagonal wave-like pattern flowing from the upper left to lower right. The left side is dominated by deep red tones that gradually transition through orange and yellow hues in the center, then shift to bright lime green and cyan in the upper right quadrant. The lower right corner transitions into blue and purple tones, creating a complete spectrum effect. The Swirl component generates warm red-orange color variations with a blend value of 25, creating subtle turbulence in the red region. The Blob component centered at coordinates (0.75, 0.25) produces the bright green-to-cyan gradient in the upper right, with a highlight at (0.3, -0.25) creating a bright yellow accent point. The WaveDistortion effect at 225 degrees with sine wave pattern adds subtle undulating movement to the color boundaries, creating soft, organic edges rather than hard transitions. A FilmGrain overlay with 0.5 strength adds fine texture throughout, while the ProgressiveBlur centered at (0.25, 0.75) with 45-degree angle creates a soft focus gradient emanating from the lower left. The overall effect is smooth, flowing, and atmospheric with a psychedelic quality. The colors blend seamlessly using oklch and oklab color spaces for perceptually uniform transitions.
