A swirling 3D particle galaxy effect with spiral arms that responds to mouse movement.
$ npx shadcn-vue@latest add "https://nxui.geoql.in/r/particle-galaxy.json"Keep in mind
This component is inspired by various open-source projects and patterns. Please verify licenses and implementation details before using in production.
<script setup lang="ts">
import ParticleGalaxyRenderer from '~/components/ui/particle-galaxy/ParticleGalaxyRenderer.vue';
</script>
<template>
<ParticleGalaxyRenderer class="h-100 w-full" />
</template>
| Prop | Type | Default | Description |
|---|---|---|---|
particle-count | number | 1500 | Number of particles to render |
color | string | '#8b5cf6' | Color of the particles |
mouse-influence | number | 0.3 | Strength of mouse interaction (0-1) |
speed | number | 0.5 | Animation speed multiplier |
class | string | — | Additional CSS classes for the container |