Arrow Skies 2
A dynamic gradient background transitioning from deep purple (#220047) in the upper right to vibrant magenta-pink (#ff0091) in the lower left, creating a rich color field. Overlaid on this gradient is an ASCII character pattern composed of directional arrow symbols (↖↗) arranged in a grid with 30-pixel cell spacing. The ASCII characters display a yellow-to-dark-blue gradient (#fff700 to #00004a) that flows from top-left to bottom-right, creating a secondary color gradient effect. A sine wave distortion effect (angle 151°, frequency 1.4, strength 0.5) is applied to the ASCII layer, causing subtle undulating movement and spatial warping across the character grid. A bright yellow circular glow (#ffdd00) with soft edges is positioned in the lower-left quadrant (approximately 30% from left, 82% from top) with a radius of 1.87 units, adding luminous depth and focal point emphasis. The overall composition creates a sense of directional flow and energy, with the arrows suggesting upward and rightward movement against the purple-to-pink gradient backdrop. The blend of geometric precision (grid layout) with organic distortion (wave effects) and warm-cool color contrasts produces a modern, tech-forward aesthetic with dynamic visual tension.
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- Arrow Skies
A dynamic gradient shader effect transitioning from deep dark-blue/purple in the upper left to vibrant magenta/pink in the lower right. The background features a dense repeating pattern of small arrow characters (↖ and ↗) that create a directional flow across the entire canvas. The arrows are rendered in a yellow-to-dark-blue gradient, creating a luminous contrast against the base gradient. A subtle wave distortion effect animates across the arrow pattern, creating a rippling, undulating motion that suggests movement and fluidity. The arrows appear to follow diagonal trajectories, with the pattern becoming more saturated and yellow-tinted toward the center-right of the composition, while maintaining darker tones in the upper-left quadrant. A soft circular glow element in yellow appears in the lower-right area, adding depth and focal point emphasis. The overall effect creates a sense of directional energy flow with a modern, digital aesthetic. The color space uses OKLCH for smooth perceptual transitions, and the wave distortion operates at a sine frequency of 1.4 with moderate strength, creating organic undulation without overwhelming the base pattern.

- Arrow Skies 3
A vibrant gradient shader effect transitioning from yellow (#fff700) in the bottom-left corner through orange and pink tones toward blue (#0000ff) in the top-right corner, creating a smooth diagonal color flow across the entire canvas. The gradient uses OKLCH color space for perceptually uniform transitions. Overlaid on this base gradient is a dense repeating pattern of small arrow characters (↖↗) arranged in a regular grid with 30-pixel cell spacing, creating a directional vector field effect. The arrows themselves are colored with the same yellow-to-blue gradient, creating visual continuity. A subtle godrays effect with light-blue rays (#87b4ff) emanates from the bottom-left corner using linear-dodge blending at 20% opacity, adding atmospheric depth and luminosity. The rays have a spotty quality (value: 1) creating an organic, scattered light effect. A wave distortion effect with sine wave pattern (frequency 1.4, angle 151°, speed 3.9) subtly undulates across the arrow pattern, creating a rippling, fluid motion sensation. A soft yellow circle (#ffdd00) with high softness (value: 1) is positioned near the bottom-left area, serving as a focal point and light source that anchors the godrays effect. The overall composition creates a sense of dynamic energy and directional flow, with warm colors dominating the lower-left transitioning to cool colors in the upper-right, producing a vibrant, modern, tech-forward aesthetic.

- Arrow Skies 4
A vibrant gradient shader effect transitioning from deep blue (#0000ff) in the upper left to bright yellow (#fff700) in the lower right, creating a diagonal color sweep across the canvas. The gradient uses OKLCH color space for smooth perceptual transitions through purple and magenta tones in the middle regions. Overlaid on this base gradient is a dense ASCII pattern composed of directional arrow characters (↖ and ↗) rendered in a monospace font (JetBrains Mono) at 30-pixel cell size with 1-unit spacing. These ASCII characters are themselves filled with the same yellow-to-blue gradient, creating a cohesive visual effect where the arrows follow the color progression. A subtle wave distortion effect (sine wave, 1.4 frequency, 3.9 speed, 151-degree angle) gently undulates the ASCII characters, creating a fluid, organic movement across the static gradient. A soft yellow circular glow (#ffdd00) with 1.87 radius and 1-unit softness is positioned near the center-right area (approximately 69.5% horizontal, 61.2% vertical), adding a luminous focal point. The overall composition has a linear-dodge blended godray effect with low density (0.1) and 0.7 intensity, creating subtle light rays emanating from the bottom-right corner. The mood is energetic and dynamic, with a strong sense of upward and rightward movement conveyed by the arrow patterns and color gradient direction.

- Arrow Skies 5
A vibrant gradient shader effect transitioning vertically from bright yellow (#fff700) at the bottom to deep blue (#0000ff) at the top, passing through orange and magenta hues in the middle. The entire composition is overlaid with a repeating pattern of small arrow characters (↖↗) in varying opacity, creating a directional flow effect. The arrows appear in lighter shades in the yellow-orange regions and darker shades in the purple-blue regions, following the underlying gradient. A subtle godray effect with linear dodge blending adds luminous rays emanating from the bottom center, creating depth and atmospheric glow. The wave distortion applied to the arrow pattern creates subtle undulating movement across the characters. A large circular glow with soft edges and yellow color (#ffdd00) is positioned at the bottom center, enhancing the light source effect. The overall mood is energetic and dynamic, with a sense of upward movement and radiant energy. The color space uses OKLCH for smooth perceptual transitions between hues.

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

- Optical Prism 4
A white canvas lit by a prismatic beam falling from the top edge. The light splits right away and fans out into a wide, soft arc of color that cycles slowly through yellow-green, peach, magenta and pink, with a fine film grain over the whole composition.
