Halftone Swirl
A gradient shader effect transitioning from deep purple on the left to bright cyan-blue on the right. The base layer is a solid dark purple color (#200452) that provides the foundation. Overlaid on top is a halftone pattern with a 45-degree angle creating a regular dot matrix texture across the entire surface. The halftone dots are small and evenly distributed at 100 frequency with minimal smoothness (0.1), giving a crisp, technical appearance. Within the halftone structure, a swirl effect blends two colors - a vibrant electric blue (#1580ed) and a deep purple (#3d0b59) - creating a subtle color shift and movement across the composition. The swirl effect has balanced parameters (50 on all axes) creating a uniform, non-directional distortion. The overall mood is modern and digital with a tech-forward aesthetic. The halftone dots become progressively more visible and lighter as they transition toward the right side of the image, following the color gradient. The effect creates depth through the layering of the solid color base, the geometric halftone pattern, and the color-blending swirl effect, resulting in a sophisticated, multi-dimensional appearance suitable for contemporary digital design.
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- Halftone Swirl 2
A gradient shader effect transitioning from dark blue at the top to bright lime green at the bottom. The entire composition is overlaid with a halftone dot pattern at 45-degree angle, creating a textured, pixelated appearance throughout. The halftone dots are uniform in distribution with fine smoothness, giving a mechanical, printed quality. The dark blue base color (#042b52) occupies the upper two-thirds of the image, while the lime green (#5ded15) swirl effect emerges from the bottom third, creating a diagonal wave-like transition. The swirl component blends the bright green with darker green undertones (#0b592f), producing subtle color variation within the gradient. The halftone pattern maintains consistent frequency across the entire surface, with dots becoming more visible in the lighter green areas due to contrast. The overall mood is modern and digital, with a tech-forward aesthetic. The effect creates depth through the layering of the solid color base, halftone texture, and swirl gradient, resulting in a sophisticated, multi-dimensional appearance.

- Halftone Swirl 3
A gradient shader effect transitioning from deep purple on the left to cyan-blue on the right. The base layer is a solid dark purple (#3c0452) that establishes the foundation. Overlaid on top is a halftone pattern with a 45-degree angle that creates a subtle dotted texture throughout the entire composition. The halftone dots are small and evenly distributed, becoming more visible toward the edges while maintaining transparency. Beneath the halftone sits a swirl effect that blends two colors - a bright cyan-blue (#1593ed) and a deep magenta-purple (#4d054d) - creating a smooth, organic color transition. The swirl effect uses oklch color space for smooth interpolation between the two hues. The overall mood is modern and digital, with a cool, atmospheric quality. The blend of the swirl at 50% opacity creates a balanced color gradient that flows diagonally from the warm purple tones on the left to the cool blue tones on the right. The halftone texture adds a subtle graininess that prevents the gradient from appearing too smooth, giving it a slightly textured, technical appearance.

- Halftone Swirl 4
A gradient shader effect transitioning from bright lime green at the top to a deeper, more saturated green at the bottom. The image features a halftone pattern overlay with a 45-degree angle creating a subtle dotted texture throughout the composition. Beneath the halftone effect is a swirl component that blends two green tones (#4ec15b and #9fff91) using LCH color space, creating organic, flowing variations in the green hues. The swirl effect adds subtle undulating distortions and color shifts that create depth and movement within the gradient. The overall effect is smooth and atmospheric with a gentle, natural feel. The halftone frequency of 100 creates a fine, barely noticeable dot pattern that adds texture without overwhelming the gradient. The blend mode is set to normal with full opacity, resulting in a cohesive, unified appearance. The edges fade transparently, and there is no rotation or offset applied to the transform.

- Halftone Swirl 5
A gradient shader effect displaying a smooth color transition from turquoise/cyan in the upper left corner to yellow-green in the lower right corner. The gradient flows diagonally across the composition with a halftone pattern overlay consisting of small circular dots arranged at a 45-degree angle, creating a subtle texture throughout. The halftone frequency of 100 produces a fine, regular dot pattern that becomes more visible in the transition zones between colors. The swirl component beneath the halftone creates an underlying color blend between cyan (#2de6c3) and yellow-green (#c4d37c) using LCH color space, resulting in smooth, natural color transitions. The overall effect is a soft, textured gradient with a dotted halftone screen pattern that gives the image a printed or vintage aesthetic. The opacity is fully opaque at 1.0, and the blend mode is set to normal, allowing the halftone pattern to sit cleanly over the gradient base. The effect has no rotation or offset, maintaining a centered, symmetrical appearance.

- Halftone Swirl 6
A vibrant gradient shader effect transitioning from deep purple-magenta tones in the upper left to bright hot pink and magenta hues across the composition. The image features a halftone pattern overlay with a 45-degree angle creating a subtle crosshatch texture throughout. Beneath this, a swirl effect blends between hot pink (#fe0aad) and deep blue (#4750ff) using oklch color space, creating a dynamic color transition that adds depth and movement to the solid magenta base color (#cf16d9). The halftone frequency of 100 with 0.1 smoothness creates a fine, barely perceptible dotted pattern that gives the surface a slightly textured appearance while maintaining the smooth gradient flow. The overall effect is a modern, neon-inspired aesthetic with layered color blending that suggests motion and energy. The edges maintain transparency, and the composition uses normal blend mode for a clean, unified visual presentation.

- 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.
