Cascading Lines
A dynamic audio visualization featuring vertical falling lines that create a waveform-like pattern against a dark background. The composition uses a gradient color scheme transitioning from warm orange and golden tones in the upper left to vibrant purple and magenta hues across the center and right portions. The vertical lines vary in height, creating peaks and valleys that resemble an audio equalizer or frequency spectrum analyzer. Each line has a soft, glowing quality with semi-transparent edges that fade into the black background (#16101a). The lines are densely packed with approximately 60 lines per frame, creating a rhythmic, striped texture. A subtle swirl effect with a blend value of 35 adds organic movement and distortion to the linear pattern, creating a sense of fluidity and motion. The overall effect combines the precision of geometric line work with the organic quality of color gradients, producing a modern, tech-forward aesthetic with a musical or data-visualization theme. The dither effect with a Bayer4 pattern adds subtle noise and texture, enhancing the visual complexity without overwhelming the primary linear structure.
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- Cascading Lines 2
A dynamic shader effect featuring vertical falling lines with varying heights creating a waveform or audio visualization aesthetic. The composition uses a dark charcoal background (#1c1b21) as the base layer. Vertical strokes in light blue (#8a9fb9) and white dominate the center and right portions, while magenta and pink (#a5006d) tones concentrate on the left and right edges, creating a color gradient transition. The lines appear to cascade downward with staggered heights, suggesting motion and rhythm. A subtle swirl effect blends the color palette, creating smooth transitions between the cool blue tones and warm magenta accents. The overall effect has a glitchy, digital quality enhanced by dithering that adds texture and grain throughout. The lines maintain consistent vertical alignment with slight variations in opacity and length, creating depth and visual interest. The mood is modern, energetic, and atmospheric with a cyberpunk or synthwave aesthetic.
- Cascading Lines 3
A dynamic digital visualization featuring vertical falling lines that create a rain-like effect against a dark teal background. The composition uses a color gradient transitioning from cyan/turquoise on the right side to magenta/purple on the left side. The vertical lines vary in height and opacity, creating a wave-like pattern that suggests audio visualization or data representation. The lines are rendered with a soft glow effect, appearing to emit light against the dark background. A subtle dither pattern with a linear dodge blend mode adds texture and grain throughout, enhancing the digital aesthetic. The overall effect creates a sense of motion and flow, with the lines appearing to cascade downward at varying speeds. The color palette shifts smoothly across the canvas, with the brightest cyan tones in the center-right and deeper purple tones on the left edges. The atmosphere is modern, technological, and energetic, reminiscent of audio equalizers or real-time data visualization interfaces.
- Cascading Lines 4
A digital shader effect featuring vertical falling lines that create a rain-like or matrix-inspired aesthetic. The composition uses a dark navy-black background (#0f191c) as the base layer. Overlaid are numerous thin vertical lines in varying heights, predominantly in bright lime-green (#ade79a) and cyan (#13bca9) tones that fade from opaque at the top to transparent at the bottom, creating a sense of depth and motion. The lines have a subtle glow quality and appear to be falling downward with variable speeds and trail lengths. A dithering pattern with a bayer4 algorithm adds fine texture and noise throughout, applied with a linear dodge blend mode to create subtle white highlights and grain. The overall effect suggests digital rain or cascading data streams, with the swirl component adding subtle color transitions between the green and cyan hues. The density of lines is moderate to high (60 density), creating a visually rich but not overwhelming pattern. The effect has a cool, technological atmosphere with a slight sense of motion and fluidity despite the static nature of the vertical orientation.
- Cascading Lines 5
A dynamic shader effect featuring vertical falling lines that cascade downward from the top of the composition. The background is a deep burgundy-red (#913030) that provides a warm, rich foundation. Overlaid on this base are numerous thin vertical strands in golden-yellow (#f4a01d) and cream (#ddc593) tones that fall at varying speeds and lengths, creating a rain-like or curtain effect. The lines have varying opacity and trail lengths, with some appearing more prominent and others fading into the background. A subtle swirl effect is applied, creating gentle undulation and movement within the falling lines pattern. The composition uses a dither pattern with a bayer4 algorithm applied with linear dodge blending, adding a subtle grainy texture and luminosity enhancement throughout. The overall effect creates a sense of motion and depth, with the golden lines appearing to cascade like liquid gold or light particles falling through a warm, dark space. The density of lines is moderate (60), allowing the background to show through while maintaining visual interest. The effect has a luxurious, elegant quality with warm autumn tones dominating the palette.
- Cascading Lines 6
A vibrant shader effect featuring vertical falling lines that cascade downward across the composition. The background is dominated by a rich purple base color (#992ed9) that provides the foundational canvas. Overlaid on this are numerous thin vertical lines in white and light purple tones that appear to fall or stream downward at a 90-degree angle, creating a rain-like or data-stream effect. The lines vary in length and opacity, with some appearing as full-height strokes while others are shorter, creating depth and visual rhythm. Interspersed throughout the composition are golden-orange accents (#c57208) that add warmth and contrast to the cool purple palette. The lines have a soft, slightly transparent quality with varying opacity levels, creating a layered, ethereal appearance. A subtle swirl effect adds organic movement and distortion to the overall pattern, preventing it from appearing too rigid or mechanical. The dithering effect adds a grainy texture with a linear dodge blend mode, creating subtle highlights and a slightly noisy, analog quality. The overall mood is modern, energetic, and somewhat digital or technological in nature, with a sense of motion and flow from top to bottom. The composition maintains consistent density across the frame with no clear focal point, creating an immersive, all-over pattern effect.
- Cascading Lines 7
A dynamic vertical striped pattern effect with thin parallel lines running from top to bottom against a dark navy-black background (#0a0a14). The lines display a vibrant color gradient transitioning from bright yellow (#ffe066) on the left side through orange and red (#ff2244) in the center and right portions. The lines vary in height and opacity, creating a wave-like undulating motion that suggests movement and flow. The effect resembles a sound visualizer or audio spectrum analyzer with individual frequency bars. The lines have soft, slightly transparent edges with a subtle glow quality. A fine dithering pattern with a bayer4 grid is applied using linear dodge blending, adding a grainy texture overlay that enhances the digital aesthetic. The overall composition creates a sense of energy and rhythm, with the color gradient and varying line heights producing depth and visual interest. The dark background provides strong contrast, making the warm color palette pop dramatically.
