Shaders
header.lightDarkMode D
Gallery

A radiant circular gradient composition featuring a dominant warm color palette. The background is a deep red (#ca1830) that transitions smoothly into vibrant yellow tones toward the center. A large blob-like organic shape with soft, undulating edges occupies the center, rendered in bright yellow (#f1f71e) with warm peachy-brown undertones (#aa5a60). The blob has a three-dimensional quality with a bright highlight positioned in the upper-left area, creating a glossy, luminous appearance. Overlaying this is a glass-effect shape that appears to be a stylized teardrop or leaf form with a semi-transparent quality, featuring subtle refraction and fresnel effects that catch light along its edges. The overall effect creates a warm, glowing orb with soft halos and a gentle glow that radiates outward. The composition has a soft, dreamy quality with smooth gradients and minimal hard edges, enhanced by the high softness value and normal-oklab blend mode. The lighting suggests a 3D spherical object with directional illumination from the upper-left, creating depth and dimensionality.

Code

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#ca1830" />
    <Blob blend-mode="normal-oklab" color-a="#f1f71e" color-b="#aa5a60" :seed="2" :size="0.65" :softness="1" />
    <Glass :aberration="0" :edge-softness="0.15" :fresnel-softness="0.56" :inner-zoom="0.5" :refraction="2" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/rc0tyyfP7vSZ_sdf.bin" :thickness="1" />
  </Shader>
</template>