Shaders
header.lightDarkMode D
Gallery

Code

vue
<script setup lang="ts">
import {
  Shader,
  FlowingGradient,
  Halftone
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <FlowingGradient color-a="#b8d4e8" color-b="#9ec5d8" color-c="#6b8ca8" color-d="#c4dde6" color-space="oklab" :distortion="0.4" :seed="82" />
    <Halftone blend-mode="overlay" :frequency="180" :opacity="0.2" style="cmyk" />
  </Shader>
</template>