Rounded Panels

A dynamic striped shader effect featuring parallel diagonal lines angled at 78 degrees, creating a sense of motion and depth. The stripes alternate between a deep dark navy blue (#1a0a2e) and a vibrant crimson red (#c4153a), with the red occupying approximately the right third of the composition and the dark blue dominating the left two-thirds. The stripes have sharp, clean edges with subtle wave-like distortions along their boundaries, suggesting a flowing or undulating motion. The effect appears to be modulated by an invisible circular gradient mask centered at coordinates (0.35, 0.58) with a radius of 1.55, which creates a subtle feathering effect on the stripe balance, making the transition between colors appear more organic and less uniform. The density of stripes is set to 12, creating a medium-frequency pattern that's visually engaging without being overwhelming. The overall mood is energetic and modern, with a strong sense of directional movement from lower-left to upper-right. The color space is linear, ensuring accurate color representation. There is no visible blur or glow, maintaining crisp definition throughout the effect.

Open in Editor
Rounded Panels preview

Usage

The preset as a Vue component. Paste it into a page, or open it in the editor to change it first.

See all