@bg-effects/mobius

3D Mobius Strip background effect with rotating mesh and flowing particles.

Features

• Interactive 3D Mobius strip with single-sided topology
• Smooth rotation animation with customizable speed
• Particle flow system along the strip curve
• Wave deformation effects
• Wireframe mesh with glow
• 5 scene-based presets
• Full debug UI with 20+ configuration options

Installation

pnpm add @bg-effects/mobius

Quick Start

<script setup>
import { Mobius } from '@bg-effects/mobius'
</script>

<template>
  <Mobius 
    :rotation-speed="0.3"
    :particle-speed="1.0"
    color1="#00ffff"
    color2="#ff00ff"
    particle-color="#ffffff"
  />
</template>

License

MIT