Fluid Chrome

Two stacked translucent glass cubes rendered against a pure black background (#0a0a0a). The cubes feature a crystalline, frosted glass material with sharp geometric edges and hollow interiors revealing the black void within. The glass exhibits strong specular highlights along the upper and left edges, creating bright white reflections that define the form's three-dimensionality. The material demonstrates chromatic aberration with subtle color fringing (0.89 intensity) at the edges, producing iridescent blue and magenta shifts. The cubes are positioned in an isometric perspective with the upper cube slightly offset toward the upper-left. Internal refraction effects (1.09 intensity) create subtle distortion within the hollow cavities. A swirling procedural texture with white and black coloration animates within the glass, creating organic flowing patterns at moderate speed (0.1). The overall aesthetic is clean, minimalist, and highly polished with a premium luxury feel. The lighting angle at 300 degrees creates dramatic side-lighting that emphasizes the glass thickness (0.27) and surface curvature. The composition has a centered, symmetrical balance with strong vertical emphasis from the stacked arrangement.

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#0a0a0a" />
    <Glass :aberration="0.89" :cutout="true" :edge-softness="0.2" :fresnel="0.01" :fresnel-softness="0.14" :refraction="1.09" :scale="0.7" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/EKiSRi_0Mh6g_sdf.bin" :thickness="0.27">
      <Swirl :blend="56" color-a="#ffffff" color-b="#0a0a0a" color-space="oklab" :detail="4.2" :speed="0.1" />
      <FlowField :detail="1" :evolution-speed="1.5" :speed="1.8" :strength="0.5" />
    </Glass>
  </Shader>
</template>