Shaders
header.lightDarkMode D
Gallery

A neon-lit isometric 3D geometric composition featuring two connected hollow cube structures against a pure black background. The primary cube sits in the upper portion with a smaller cube positioned below and to the right, connected by a glowing bridge element. The glass material creates a luminous effect with vibrant purple and white neon coloring that appears to glow from within. The edges and surfaces display chromatic aberration effects with purple fringing on the left sides and white highlights on the right sides, creating a 3D depth perception. The glass has a translucent quality with internal swirl patterns in purple and white that flow dynamically through the structure. A subtle refraction effect distorts the black background visible through the hollow centers. The overall aesthetic is futuristic and crystalline, with the neon glow creating a strong luminosity against the dark void. The lighting angle appears to come from the upper right, emphasizing the geometric facets and creating sharp highlights on the glass surfaces. The composition has a clean, minimalist quality with precise geometric forms and smooth curved edges on the cube structures.

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="#a31fff" color-b="#ffffff" 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>