Shaders
header.lightDarkMode D
Gallery

A vibrant gradient background transitioning from soft pink on the left to deep magenta on the right, creating a warm, energetic atmosphere. The composition features large, geometric letterforms arranged in a 2x2 grid pattern, rendered in semi-transparent white with subtle depth and layering. The letters appear to be constructed from circular and rectangular shapes with clean, modern sans-serif styling. A delicate plasma effect with organic, flowing distortions overlays the design, creating subtle color variations in pale pink and coral tones that add movement and dimensionality. The overall effect is enhanced by a fine dither pattern applied with a linear dodge blend mode, introducing a grainy texture that adds sophistication and visual interest. The spatial composition places the typography slightly left of center, with generous negative space on the right. The lighting creates a soft luminosity on the letterforms, suggesting a glossy, polished surface quality. The mood is contemporary, elegant, and distinctly digital with a premium aesthetic.

Code

vue
<script setup lang="ts">
import {
  Shader,
  Dither,
  ImageTexture,
  Plasma,
  RadialGradient
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <ImageTexture id="idmmaykb1vflvohydj1" object-fit="contain" :transform="{ offsetX: -0.35, scale: 0.6 }" url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/c42DCkk-W-da.svg" :visible="false" />
    <RadialGradient :center="{ x: 0, y: 0.5 }" color-a="#f08379" color-b="#be2292" color-space="oklab" :radius="1.7" />
    <Plasma :balance="55" color-a="#ecc9f0" color-b="#f46977" color-space="oklab" :density="1.7" :intensity="3" mask-source="idmmaykb1vflvohydj1" />
    <Dither blend-mode="linearDodge" color-mode="source" pattern="bayer8" :pixel-size="3" :threshold="0.96" />
  </Shader>
</template>