Shaders
header.lightDarkMode D
Gallery

A striking 3D rendered composition featuring two stacked translucent glass cubes with a neon green luminescent glow against a pure black background. The upper cube is positioned slightly offset and rotated, while the lower cube sits beneath it at an isometric angle. Both cubes feature bright lime-green (#54fd64) neon edges and surfaces that emit a vibrant glow, creating a strong luminous halo effect around their perimeters. The glass material exhibits high refraction and chromatic aberration (0.89), causing subtle color separation and light bending at the edges. The interior surfaces show dark, hollow voids with reflective properties. A sophisticated lighting setup with a 300-degree light angle creates sharp highlights on the upper surfaces and edges, with fresnel effects enhancing the rim lighting. The swirl effect (blend mode 56, speed 0.1) creates subtle animated color transitions between the bright green (#54fd64) and near-black (#000301) tones within the glass structure. A flow field effect adds organic, wave-like distortions to the surface, creating a sense of liquid-like movement within the solid geometry. The overall aesthetic is cyberpunk and futuristic, with high contrast between the intense neon green glow and the absolute darkness of the background, creating a dramatic, tech-forward visual impact.

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="#54fd64" color-b="#000301" 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>