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.
4 presets
- LED Flow 4Background
A dark, atmospheric shader effect dominated by deep navy and black tones with subtle dimensional distortion. The composition features a swirling twirl effect centered in the lower-right portion of the canvas, creating a vortex-like distortion that warps the space around it with an intensity of 2.6. The background is a near-black solid color (#0c061a) providing a deep, void-like foundation. Overlaid on this is a diagonal linear gradient transitioning from magenta (#ff00b2) to cyan (#85fbff) at a 141-degree angle, creating a neon-like color shift that's visible primarily through the luminance mask applied by the invisible swirl and dot grid group. The gradient uses OKLCH color space for smooth perceptual transitions. Subtle white dots arranged in a grid pattern (60 density, 0.12 dot size) are masked and invisible but influence the gradient's visibility through luminance masking, creating an underlying structure. A fine film grain texture with 0.03 strength adds subtle noise and texture throughout, enhancing the cinematic quality. The overall effect is moody, dark, and ethereal with a sense of dynamic motion from the twirl distortion, while the magenta-to-cyan gradient provides striking color contrast against the predominantly black canvas. The edges wrap around the twirl effect, creating a seamless distortion field.

- LED Flow 3Background
A dark, atmospheric shader effect dominated by a deep navy-black background (#0c061a). The composition features a subtle diagonal band of golden-yellow to lime-green gradient (#ffd000 to #6aff00) that sweeps across the lower-left to upper-right portion of the canvas. This gradient band is masked by an intricate dot grid pattern, creating a stippled, pixelated appearance where the gradient only appears through small white dots arranged in a regular grid formation. The dots have a density of 60 with a size of 0.12, giving the effect a granular, digital quality. A twirl distortion effect with negative intensity (-1.2) is applied, creating a subtle vortex-like warping centered slightly right of center (0.654, 0.537), which adds organic movement and curvature to the otherwise geometric dot pattern. The overall mood is dark, mysterious, and technological, with a subtle film grain overlay (strength 0.03) adding texture and analog warmth to the digital composition. The gradient appears to flow diagonally with luminance-based masking, creating depth and dimensionality against the nearly black background.

- LED Flow 2Background
A predominantly dark, almost black background with a deep navy-to-black color (#0c061a) forming the base. The image features subtle geometric patterns created by a dot grid effect visible in the upper portion and edges, with small white dots arranged in a regular pattern at approximately 60% density. A twirl distortion effect is applied with negative intensity (-1.2), creating subtle spiral warping particularly noticeable in the lower-left and upper-right corners where the dot pattern appears to bend and curve inward. A linear gradient overlay using magenta (#ff00f6) to blue (#0000ff) is applied with luminance masking, creating a very subtle color shift that's barely perceptible against the dark background. The gradient runs diagonally from upper-right to lower-left. Fine film grain texture is overlaid at 3% strength, adding a subtle noise pattern across the entire surface. The overall effect is extremely dark and moody with minimal visible detail, creating an almost imperceptible visual experience dominated by deep blacks and navy tones with only faint hints of the underlying geometric and color effects.

- LED FlowBackground
A predominantly dark, nearly black background (#0c061a) with subtle dotted patterns visible in the upper left and center areas. The dotted patterns appear as fine white/light gray points arranged in a grid formation, creating a sparse constellation-like effect. A swirling distortion effect is visible in the center-right area, manifesting as curved lines in dark red/maroon tones that create a twirl or vortex pattern. A linear gradient overlay transitions from bright lime green (#1aff00) in the upper left to blue (#0000ff) in the lower right, but this gradient is heavily masked and only visible where the dotted grid and swirl effects exist, creating isolated pockets of color against the dark void. The overall effect is ethereal and cosmic, with a film grain texture adding subtle noise throughout. The composition suggests a deep space or digital void aesthetic with minimal but precise geometric elements creating visual interest against the overwhelming darkness.
