Gallery

Cascading Lines 6

Cascading Lines

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.

Code

vue