Add DarkVeil component

This commit is contained in:
onmax
2025-07-20 20:46:43 +02:00
parent efe901aabb
commit cd16792c32
5 changed files with 364 additions and 0 deletions

View File

@@ -0,0 +1,25 @@
import code from '@content/Backgrounds/DarkVeil/DarkVeil.vue?raw';
import type { CodeObject } from '../../../types/code';
export const darkVeil: CodeObject = {
cli: `npx jsrepo add https://vue-bits.dev/ui/Backgrounds/DarkVeil`,
installation: `npm install ogl`,
usage: `<template>
<div style="width: 100%; height: 600px; position: relative">
<DarkVeil
:hue-shift="0"
:noise-intensity="0"
:scanline-intensity="0"
:speed="0.5"
:scanline-frequency="0"
:warp-amount="0"
:resolution-scale="1"
/>
</div>
</template>
<script setup lang="ts">
import DarkVeil from "./DarkVeil.vue";
</script>`,
code
};