Fluid Chrome 13

Two isometric 3D cubes stacked vertically against a pure black background. The cubes feature a glass material with high refraction and chromatic aberration effects, creating a prismatic, iridescent appearance. The primary color gradient flows from cyan-blue on the left and bottom edges to bright yellow on the right and top edges, with smooth color transitions suggesting a swirl pattern. The glass material exhibits strong fresnel effects with bright white highlights along the edges, particularly visible on the upper cube's top face and the connecting edges between cubes. The surface shows subtle internal flow field distortions that create a liquid-like, organic movement within the geometric structure. The aberration effect (0.89 intensity) produces color separation at the edges, enhancing the prismatic quality. Light appears to come from approximately 300 degrees, creating dimensional depth and making the cubes appear translucent yet solid. The overall aesthetic is modern, tech-forward, and has a glowing, energetic quality typical of contemporary digital design.

<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="#29abed" color-b="#edc912" color-space="hsv" :detail="4.2" :speed="0.1" />
      <FlowField :detail="1" :evolution-speed="1.5" :speed="1.8" :strength="0.5" />
    </Glass>
  </Shader>
</template>