Added <GradientBlinds /> Background

src/constants/Categories.ts

@@ -1,5 +1,5 @@
 // Highlighted sidebar items
-export const NEW = ['Prism', 'Plasma', 'Electric Border', 'Target Cursor', 'Ripple Grid', 'Magic Bento', 'Galaxy', 'Glass Surface', 'Sticker Peel', 'Scroll Stack', 'Faulty Terminal', 'Pill Nav', 'Card Nav', 'Logo Loop'];
+export const NEW = ['Gradient Blinds', 'Prism', 'Plasma', 'Electric Border', 'Target Cursor', 'Ripple Grid', 'Magic Bento', 'Galaxy', 'Glass Surface', 'Sticker Peel', 'Scroll Stack', 'Faulty Terminal', 'Pill Nav', 'Card Nav', 'Logo Loop'];
 export const UPDATED = [];
 
 // Used for main sidebar navigation
@@ -101,6 +101,7 @@ export const CATEGORIES = [
       'Beams',
       'Dark Veil',
       'Dither',
+      'Gradient Blinds',
       'Dot Grid',
       'Hyperspeed',
       'Faulty Terminal',

src/constants/Components.ts

@@ -108,6 +108,7 @@ const backgrounds = {
   'light-rays': () => import('../demo/Backgrounds/LightRaysDemo.vue'),
   'plasma': () => import('../demo/Backgrounds/PlasmaDemo.vue'),
   'prism': () => import('../demo/Backgrounds/PrismDemo.vue'),
+  'gradient-blinds': () => import('../demo/Backgrounds/GradientBlindsDemo.vue'),
 };
 
 export const componentMap = {

src/constants/code/Backgrounds/gradientBlindsCode.ts

@@ -0,0 +1,28 @@
+import code from '@content/Backgrounds/GradientBlinds/GradientBlinds.vue?raw';
+import { createCodeObject } from '../../../types/code';
+
+export const gradientBlinds = createCodeObject(code, 'Backgrounds/GradientBlinds', {
+  installation: `npm install ogl`,
+  usage: `<template>
+  <div style="width: 100%; height: 600px; position: relative;">
+    <GradientBlinds
+      :gradient-colors="['#1EA03F', '#182FFF']"
+      :angle="0"
+      :noise="0.3"
+      :blind-count="12"
+      :blind-min-width="50"
+      :spotlight-radius="0.5"
+      :spotlight-softness="1"
+      :spotlight-opacity="1"
+      :mouse-dampening="0.15"
+      :distort-amount="0"
+      shine-direction="left"
+      mix-blend-mode="lighten"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import GradientBlinds from "./GradientBlinds.vue";
+</script>`
+});