Concentric 3

A mesmerizing concentric spiral vortex effect composed of alternating rings that radiate from the center outward. The primary visual structure consists of approximately 30 concentric circular rings that create a tunnel-like perspective, drawing the viewer's eye toward the dark center. The outer rings display bright magenta and hot pink tones (#e00ba7) that gradually transition through purple hues as they spiral inward, eventually darkening to deep navy blue (#1d1873) at the core. Each ring has subtle depth and dimensionality, with smooth gradients between adjacent rings creating a sense of continuous motion and rotation. The effect employs a mirror edge mode that creates symmetrical reflections, enhancing the hypnotic quality. The swirl component adds an additional layer of organic distortion to the concentric pattern, creating subtle wave-like undulations across the rings. The overall atmosphere is modern, energetic, and psychedelic, with a strong sense of depth and movement despite being a static image. The color space uses OKLCH for smooth, perceptually uniform color transitions. The blend mode is set to normal with full opacity, allowing the vibrant colors to maintain their saturation and intensity throughout the composition.

<script setup lang="ts">
import {
  Shader,
  ConcentricSpin,
  Swirl
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Swirl :blend="66" color-a="#e00ba7" color-b="#1d1873" color-space="oklch" :detail="1.6" />
    <ConcentricSpin :intensity="100" :rings="30" :smoothness="0.21" />
  </Shader>
</template>