Floating Constellation
SVG points that connect and react to mouse movements with neural-net logic.
Preview
Interactive Preview
connected.node
Neural data synchronization: active
orbit.node
Neural data synchronization: active
dust.node
Neural data synchronization: active
Installation
Usage
tsx
import { FloatingConstellation } from "@/components/block/floating-constellation"
export default function Demo() {
return <FloatingConstellation variant="connected" count={50} />
}Dependencies
framer-motion
Props
| Prop | Type | Default |
|---|---|---|
| variant | "connected""orbit""dust" | connected |
| count | number | 40 |