We are live on DevHunt: tool of the week contest

check it out

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

PropTypeDefault
variant
"connected""orbit""dust"
connected
countnumber40