FEAT: 🎉 Added <GhostCursor /> animation

src/constants/Categories.ts

@@ -1,5 +1,5 @@
 // Highlighted sidebar items
-export const NEW = ['Laser Flow', 'Dome Gallery', 'Liquid Ether', 'Staggered Menu', 'Pixel Blast', 'Gradual Blur', 'Gradient Blinds', 'Bubble Menu', 'Prism', 'Plasma', 'Electric Border', 'Target Cursor', 'Pill Nav', 'Card Nav', 'Logo Loop', 'Prismatic Burst'];
+export const NEW = ['Ghost Cursor', 'Laser Flow', 'Dome Gallery', 'Liquid Ether', 'Staggered Menu', 'Pixel Blast', 'Gradient Blinds', 'Bubble Menu', 'Prism', 'Plasma', 'Pill Nav', 'Card Nav', 'Prismatic Burst'];
 export const UPDATED = [];
 
 // Used for main sidebar navigation
@@ -43,6 +43,7 @@ export const CATEGORIES = [
       'Logo Loop',
       'Pixel Transition',
       'Target Cursor',
+      'Ghost Cursor',
       'Electric Border',
       'Sticker Peel',
       'Ribbons',

src/constants/Components.ts

@@ -24,6 +24,7 @@ const animations = {
   'electric-border': () => import('../demo/Animations/ElectricBorderDemo.vue'),
   'gradual-blur': () => import('../demo/Animations/GradualBlurDemo.vue'),
   'laser-flow': () => import('../demo/Animations/LaserFlowDemo.vue'),
+  'ghost-cursor': () => import('../demo/Animations/GhostCursorDemo.vue'),
 };
 
 const textAnimations = {

src/constants/code/Animations/ghostCursorCode.ts

@@ -0,0 +1,27 @@
+import code from '@/content/Animations/GhostCursor/GhostCursor.vue?raw';
+import { createCodeObject } from '@/types/code';
+
+export const ghostCursor = createCodeObject(code, 'Animations/GhostCursor', {
+  installation: `npm install three`,
+  usage: `<template>
+  <div style="height: 600px; position: relative;">
+    <GhostCursor
+      color="#A0FFBC"
+      :brightness="1"
+      :edgeIntensity="0"
+      :trailLength="50"
+      :inertia="0.5"
+      :grainIntensity="0.05"
+      :bloomStrength="0.1"
+      :bloomRadius="1.0"
+      :bloomThreshold="0.025"
+      :fadeDelayMs="1000"
+      :fadeDurationMs="1500"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import GhostCursor from './GhostCursor.vue'
+</script>`
+});