Frosted Glass 10

A soft, ethereal shader effect featuring a light blue gradient swirl background transitioning from pale sky blue (#ebf6ff) to a slightly deeper muted blue-gray (#d3e4f0). Overlaid on this is a frosted glass morphic shape with organic, rounded edges positioned in the center-right area of the composition. The glass element exhibits subtle refractive distortion with a light frosted appearance, enhanced by chromatic aberration creating slight color separation at the edges. A delicate fresnel effect adds luminous highlights along the perimeter of the glass shape, creating a rim-light quality. The entire composition is softened with a 20-pixel blur applied to the glass element, creating depth and atmospheric haze. Fine film grain texture is subtly applied across the entire surface, adding a cinematic quality and reducing the smoothness. The overall mood is serene and minimalist, with cool tones dominating and a sense of translucent, frosted materiality. The lighting angle at 237 degrees creates soft directional highlights that enhance the three-dimensional glass effect. The composition uses transparent edges and maintains a centered, balanced layout with soft, diffused lighting throughout.

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Swirl color-a="#ebf6ff" color-b="#d3e4f0" :detail="1.5" />
    <Glass :aberration="0.55" :blur="20" :edge-softness="0.05" :fresnel="0.08" :fresnel-softness="0.64" :highlight="0" :highlight-softness="1" :inner-zoom="0.5" :light-angle="237" :refraction="2" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/3qJFWUS-Vtnm_sdf.bin" :thickness="0.02" />
    <FilmGrain :strength="0.3" />
  </Shader>
</template>