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="#ff8c3a" color-b="#ff2d0e" color-c="#990818" color-d="#ffb84d" color-space="oklab" :distortion="0.9" :seed="24" :speed="1.2" />
    <Halftone blend-mode="overlay" :frequency="180" :opacity="0.2" style="cmyk" />
  </Shader>
</template>