Retro Bitrate
A pixelated shader effect displaying a dynamic gradient mesh with a dominant magenta-to-cyan color transition. The image shows a blocky, mosaic-like appearance with pixel sizes approximately 41 units, creating distinct square tiles across the composition. The left side features a solid deep magenta (#9d09a4) gradient that transitions into a complex pattern of lighter magenta, purple, cyan, and white pixels arranged in an organic, noise-driven distribution. The gradient angle appears to be dynamically mapped from simplex noise, creating a flowing directional quality from approximately center-left toward the upper-right. A dithering effect with a Bayer4 pattern is applied using magenta (#9d09a4) and light pink (#e6bce0) colors in screen blend mode, adding a subtle texture and visual complexity to the pixelated blocks. The overall effect creates a retro digital aesthetic with a soft, diffused quality despite the hard pixel edges, suggesting movement or turbulence through the noise-based angle mapping. The color palette ranges from deep purples and magentas on the left through bright magentas and pinks in the center to cyan and light blue tones on the right, with occasional white highlights creating depth variation.
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- Retro Bitrate 2
A pixelated shader effect displaying a dynamic gradient composition with a central cloud-like or organic shape. The effect features a sophisticated color mapping system where a simplex noise pattern (invisible but controlling the gradient angle) drives a linear gradient that transitions between deep magenta (#4f1863) and bright red (#e90139). The gradient angle is dynamically mapped from the noise luminance, creating angular variation across the pixelated blocks. A circular mask centered at the top (radius 1.55) constrains the gradient to an organic, roughly symmetrical shape. The pixelation scale of 41 creates large blocky squares that form the primary visual structure. Overlaid on top is a dither effect using a bayer4 pattern with blue (#2a4ea8) and green (#06c764) colors in screen blend mode, adding a grainy, halftone-like texture that creates visual complexity and breaks up the solid color blocks. The dither pattern uses a pixel size of 3 with 50% threshold, creating a scattered speckled appearance throughout. The overall composition has a deep blue background (#2a4ea8 visible in the dither), with the central pixelated gradient shape floating above it. The effect creates a sense of depth and dimensionality through the layering of gradient, pixelation, and dithering. The mood is modern, digital, and somewhat abstract with a cyberpunk aesthetic.

- Retro Bitrate 3
A pixelated shader effect displaying a soft, rounded rectangular shape with a gradient that transitions from teal/cyan on the left side to pink/magenta on the right side. The gradient angle is dynamically controlled by simplex noise, creating subtle color variations throughout. The entire composition is heavily pixelated with a scale of 41 pixels, giving it a blocky, mosaic-like appearance. A dither pattern with bayer4 algorithm is applied in screen blend mode, adding a subtle textured noise using colors #95c6c2 (light cyan-green) and #475c80 (dark blue-gray), creating a grainy, halftone-like quality. The background is a light cyan dotted pattern. The overall effect creates a soft, pastel aesthetic with a retro digital or low-resolution video game appearance. A circular mask with softness is applied but set to invisible, subtly constraining the gradient's influence. The color space uses HSL interpolation, allowing smooth transitions between the teal (#21ac8e) and pink (#df0052) endpoints.

- Retro Bitrate 4
A pixelated gradient shader effect displaying a smooth color transition from warm yellow and orange tones in the upper left to deeper orange hues in the lower right. The image features a diagonal gradient flow with a pixelated/blocky appearance created by a scale-41 pixelation filter applied over the underlying gradient. The pixelation creates distinct square blocks of varying sizes that form a mosaic-like pattern, with the blocks becoming more pronounced and visible due to the dithering effect applied with a bayer4 pattern using orange (#ff8d21) and tan (#d9c26c) colors in screen blend mode. The overall effect creates a warm, glowing appearance with a retro digital aesthetic. The gradient appears to flow from approximately the center-left toward the bottom-right, with color intensity increasing toward the right side of the composition. The dithering adds a subtle texture and noise pattern throughout, enhancing the pixelated, low-resolution digital art style. The atmosphere is warm and energetic, reminiscent of 8-bit or 16-bit era computer graphics.

- Retro Bitrate 5
A pixelated shader effect displaying a dynamic gradient-based composition with a magenta and pink color palette. The image features a blocky, mosaic-like pixelation at scale 41, creating distinct square tiles across the entire canvas. The underlying gradient flows from a muted purple-gray (#685373) to a vibrant hot pink (#f66a87), with the gradient angle dynamically mapped to simplex noise for organic variation. A dithering effect with bayer4 pattern is applied in screen blend mode using magenta (#fe01ed) and light lavender (#bec1e1) colors, creating a textured, noisy appearance that adds visual complexity. The composition shows a radial mask applied from a circular element centered at approximately (0.491, 0.503), which constrains the gradient visibility to create a soft-edged vignette effect. The overall aesthetic is retro-digital with a psychedelic quality, combining smooth gradient transitions with harsh pixelation and dithering patterns. The color distribution shows stronger magenta and pink tones in the upper and right portions, transitioning to lighter lavender and white tones toward the center and left edges. The effect creates a sense of depth through the interplay of the gradient direction and the pixelated surface texture.

- Retro Bitrate 6
A pixelated shader effect displaying a diagonal gradient transition from deep blue in the upper left to bright lime green in the lower right. The image consists of square pixel blocks of varying sizes, creating a mosaic-like appearance with a scale of 41 pixels. The gradient uses a smooth color interpolation through the HSL color space, transitioning from dark forest green (#0f4d12) through cyan and light blue tones to bright yellow-green (#6fe81c). A dithering effect with a Bayer4 pattern is applied using colors #419bd5 (light blue) and #7fdb95 (light green) in screen blend mode, adding subtle texture and color variation across the pixelated surface. The overall effect creates a retro digital aesthetic with a soft, diffused quality despite the hard pixel edges. The spatial composition shows a clear diagonal flow from top-left to bottom-right, with the pixelation creating a blocky, low-resolution appearance reminiscent of early computer graphics or digital art.

- Retro Bitrate 7
A pixelated shader effect displaying a diagonal gradient transition from purple-blue tones in the lower-left to cyan-green tones in the upper-right. The image features a blocky, mosaic-like appearance with pixel blocks of varying sizes creating a retro digital aesthetic. The gradient is dynamically mapped through simplex noise, creating organic color variation within the pixelated structure. A dither pattern with screen blend mode adds subtle texture and noise throughout, creating a grainy, analog quality that contrasts with the digital pixelation. The background is a solid bright blue, while the foreground elements use a bayer4 dither pattern at 3-pixel size with approximately 50% threshold. The overall effect suggests a low-resolution digital landscape or abstract computational visualization, with the pixelation scale of 41 creating distinct blocky regions that emphasize the retro computer graphics aesthetic. The color space uses HSL interpolation for smooth hue transitions across the gradient.
