Quantum
A vibrant, fluid gradient shader effect dominated by warm and cool color transitions. The image features a central bright yellow-orange core that radiates outward, surrounded by magenta and purple tones at the edges. The composition shows soft, organic blob-like shapes with smooth color gradients blending seamlessly across the canvas. The Swirl component creates subtle rotational distortions with magenta (#ff006e) and purple (#8338ec) interactions, while the Blob element positioned at coordinates (0.65, 0.35) generates a warm orange-to-yellow gradient (#fb5607 to #ffbe0b) with soft edges and a white highlight creating dimensional depth. Wave distortion at 54 degrees with sine wave patterns adds subtle undulating movement across the surface. The ChromaticAberration effect introduces slight color separation with red, green, and blue channel offsets, creating a barely perceptible prismatic quality. Film grain texture at 0.5 strength adds a subtle grainy quality throughout. The overall effect is smooth and dreamy with soft focus areas, particularly at the edges where magenta and pink tones fade into the composition. The color space uses OKLCH for perceptually uniform color transitions, resulting in natural-looking gradients that feel organic and fluid rather than harsh or digital.
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- Quantum 2
A vibrant, fluid gradient shader effect featuring soft, organic color transitions across the entire canvas. The composition displays a dynamic swirl of purple and magenta tones on the left side that smoothly blend into cyan and turquoise in the center, transitioning to yellow-green and mint green on the right side. The effect creates a dreamy, liquid-like appearance with smooth color gradients and soft edges. A prominent blob-like form with subtle 3D highlights appears in the upper-right quadrant, centered around coordinates (0.65, 0.35), adding depth and dimension. Wave distortions create subtle undulating patterns throughout, giving the effect a flowing, water-like quality. The overall atmosphere is ethereal and pastel-like, with soft focus and gentle color bleeding between regions. Chromatic aberration introduces slight color separation at the edges, creating a subtle iridescent quality. Fine film grain texture overlays the entire composition, adding a subtle noise pattern that prevents the effect from appearing too smooth or artificial. The color transitions are smooth and organic, with no hard edges, creating a cohesive, unified visual experience.
- Quantum 3
A vibrant, fluid abstract shader effect featuring swirling organic forms with soft, blurred transitions between colors. The composition displays a dynamic interplay of lime-green and deep magenta/burgundy tones that create a sense of movement and energy. The left side features cooler cyan and light-blue gradients that transition smoothly into warmer yellow and orange hues in the center-right area. Multiple blob-like shapes with soft edges overlap and blend together, creating a three-dimensional appearance enhanced by subtle highlights and depth. The effect incorporates wave distortion that creates undulating, rippling patterns across the surface, while chromatic aberration introduces subtle color fringing at the edges of forms, adding visual complexity. A fine film grain texture overlays the entire composition, providing subtle noise and tactile quality. The overall atmosphere is ethereal and dreamlike, with soft focus and smooth color gradients creating a sense of flowing, morphing liquid or gas. The blending modes create areas of color saturation variation, with some regions appearing more vivid while others fade into softer, more muted tones.
- 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.
- Afternoon Sunlight
A soft, minimalist shader effect displaying a subtle grayscale composition. The image features a light gray background (#c4c4c4) as the base layer, overlaid with delicate Worley noise patterns that create organic, cellular-like structures. The noise generates a subtle texture with variations between light taupe (#a69f9f) and off-white (#fcf8f0) tones, producing a gentle, cloud-like appearance. A linear blur effect at 36 degrees with high intensity (300) creates directional motion streaks that soften the entire composition, giving it a dreamy, ethereal quality. Chromatic aberration with minimal strength (0.15) introduces very subtle color fringing at the edges of the blur, with red offset at -1 and blue offset at 1, creating barely perceptible color separation. The overall effect is soft, diffused, and atmospheric with a muted, monochromatic palette dominated by grays and off-whites. The blur and noise work together to create a sense of gentle movement and organic flow across the canvas. The mood is calm, serene, and slightly abstract.
- Afternoon Sunlight 2
A soft, minimalist shader effect featuring a predominantly light gray background (#c4c4c4) with subtle organic texture overlay. The composition includes diagonal light streaks and soft directional blur running from upper-left to lower-right at 135 degrees, creating a sense of motion and depth. A Worley noise pattern with f2-f1 mode generates delicate cellular-like structures in muted taupe (#a69f9f) and off-white (#fcf8f0) tones, providing fine granular detail across the canvas. The effect is enhanced by chromatic aberration with subtle color fringing (red offset -1, blue offset +1) that creates a slight iridescent quality at edges. The overall atmosphere is ethereal and atmospheric, with soft focus and gentle color separation suggesting depth and movement. A hidden blob component (marked invisible) would have provided additional highlight structure, but its absence keeps the effect clean and minimalist. The linear blur at 300 intensity creates strong directional motion blur, while the chromatic aberration at 0.15 strength adds a barely perceptible color separation that enhances the dreamy quality.
