Liquid Stripes 8

A vibrant purple gradient background with diagonal parallel stripes running at 45 degrees from upper-left to lower-right. The stripes alternate between a lighter pink-purple (#dd84ec) and a deeper dark purple (#9004ab), creating a rhythmic linear pattern with 9 stripes visible across the composition. Centered in the middle is a radial starburst or mandala-like shape composed of rectangular glass-like elements arranged in a circular pattern around a central void. The glass elements exhibit chromatic aberration effects with subtle color fringing, creating an iridescent quality. The shape demonstrates refraction and light-bending properties with a frosted glass appearance, featuring highlights and fresnel reflections that catch light at approximately 300 degrees. The overall effect is enhanced by a subtle film grain texture overlay that adds a slight noise pattern throughout. The cursor ripple effect creates concentric circular distortions emanating from the center point, with a decay rate that causes the ripples to fade outward. The composition has a modern, digital aesthetic with a strong sense of depth created by the glass effect's refraction properties and the layered transparency of the geometric shape against the striped background.

<script setup lang="ts">
import {
  Shader,
  CursorRipples,
  FilmGrain,
  Glass,
  Stripes
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Stripes :balance="0.1" color-a="#dd84ec" color-b="#9004ab" :density="9" />
    <CursorRipples />
    <Glass :blur="11.3" :fresnel="0.11" :fresnel-softness="0.38" :refraction="0.51" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/DODKZwnr2rPw_sdf.bin" :thickness="0.13" />
    <FilmGrain :strength="0.3" />
  </Shader>
</template>