Nightlight 3
A deep, atmospheric gradient shader effect transitioning from nearly black dark purple in the upper left (#120524) to a richer blue-purple tone in the lower right. The composition features a subtle swirling pattern with two primary color bands: a vibrant electric blue-purple (#6057fa) and a deeper indigo (#3d06b8) that blend together using oklch color space, creating smooth chromatic transitions. The swirl effect has fine horizontal detail (fineX: 13) combined with medium vertical smoothness, producing an organic, flowing distortion pattern that moves across the canvas. A delicate film grain texture with 0.04 strength is overlaid throughout, adding subtle noise and texture to break up the smoothness and create visual depth. The overall mood is cosmic and ethereal, with a sense of movement and depth despite the static nature of the image. The blend mode interactions create soft, seamless color transitions without harsh edges. The effect suggests a nebula or aurora-like phenomenon with a professional, polished appearance.
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- Nightlight
A deep, atmospheric gradient shader effect transitioning from very dark navy/black at the edges to a rich blue-purple center. The composition features a subtle swirl pattern with flowing gradients between vibrant purple (#6057fa) and deep indigo (#3d06b8) that creates organic, wave-like distortions throughout the canvas. The effect has a soft, ethereal quality with smooth color transitions and no harsh edges. A fine film grain texture overlays the entire surface at low opacity (0.04), adding subtle noise and visual texture that enhances the cinematic quality. The overall mood is dark, mysterious, and cosmic, with the swirl effect creating a sense of motion and depth despite the static nature of the image. The color space uses OKLCH for smooth perceptual blending, resulting in natural color transitions. The background solid color (#120524) provides a nearly black foundation that anchors the brighter purple-blue swirl effects above it.
- Nightlight 2
A deep, atmospheric gradient shader effect transitioning from vibrant blue-purple tones on the left side to nearly black on the right side. The composition features a swirling, organic distortion pattern created by the Swirl component that blends two colors (#6057fa bright purple-blue and #3d06b8 deep dark blue) using oklch color space blending at 50% intensity. The swirl effect creates fluid, wave-like patterns that flow across the canvas with fine detail variations (fineX: 13, fineY: 50) generating intricate texture throughout. A dark navy base color (#120524) anchors the composition underneath. The overall effect is enhanced by subtle film grain (0.04 strength) that adds a cinematic texture and reduces banding. The masked circle element (currently invisible but structurally present) would normally constrain the swirl effect to a specific region. The lighting is moody and atmospheric, with no harsh edges or defined shapes-purely abstract color and texture manipulation. The blend mode uses normal-oklch for the swirl, preserving color relationships in perceptual color space. The result evokes a cosmic, nebula-like atmosphere with smooth color transitions and organic flowing distortions.
- 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.
