Neural Web

NewPremium

Self-organizing neural network background. Nodes autonomously drift, form connections by proximity, pulse together, and recoil from your cursor like a living nervous system.

cardsneuralnetworkself-organizingphysicsmouse-reactiveorganic

Installation

Terminalbash

npx motioncraft add neural-web

Usage

neural-web.tsxtsx

import { NeuralWeb } from "@/components/cards/living-system";

<NeuralWeb nodeCount={50} color="purple" sensitivity={0.8}>
  <h2 className="text-3xl font-bold text-white">
    Intelligence Layer
  </h2>
</NeuralWeb>

Props

Prop	Type	Default	Description
nodeCount	number	40	Number of neural nodes
color	string	cyan	Network color
sensitivity	number	0.7	Mouse reactivity (0-1)
connectionRadius	number	120	Max distance for connections (px)
children	ReactNode	—	Content overlaid on the network
className	string	—	Additional CSS classes

Related Components

Synapse Card

New

Individual cards that form a shared nervous system. Multiple SynapseCards on the same page automatically connect to each other with a synchronized heartbeat pulse.

Bento Grid

Apple-style bento grid layout with configurable spans and gap sizes.

Glow Card

Card with animated glow border that follows cursor position.

Hover Card

Card with smooth 3D tilt and scale on hover with spring physics.