Fluid Chrome 11

A 3D isometric composition featuring two stacked hollow cubic structures rendered in translucent blue glass material against a pure black background. The upper cube is positioned slightly offset behind and above the lower cube, creating a connected geometric arrangement. The glass material exhibits strong refractive properties with chromatic aberration effects visible along the edges, creating subtle rainbow-like color fringing. The surface shows pronounced Fresnel reflections with bright white highlights concentrated on the upper edges and corners, particularly visible on the top and left-facing surfaces. The interior of each cube is completely hollow and transparent, showing the black background through the cutouts. A subtle swirl animation with deep blue (#0c217d) and light gray-white (#b1c0c7) colors flows within the glass structure, creating organic wave-like patterns that contrast with the geometric form. The overall effect combines crystalline clarity with fluid motion, suggesting frozen glass with internal liquid dynamics. The lighting angle appears to come from the upper right (300 degrees), creating sharp specular highlights and defining the 3D form through reflection and refraction rather than traditional shading. The composition has a premium, modern aesthetic with emphasis on material realism and subtle animation.

Code

vue

<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="#0c217d" color-b="#b1c0c7" 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>