Interactive Node Net

A lightweight animated network of nodes and connections that reacts to mouse movement.

A lightweight animated network of nodes and connections that reacts to mouse movement. Designed as a flexible background or visual accent, with full control over colours, opacity, size, speed, density, and interaction strength.

Perfect for hero sections, landing pages, or subtle interactive backgrounds.

Controls

• Node Color – Color of the animated nodes

• Node Opacity – Transparency of nodes (0 = invisible, 1 = solid)

• Node Size – Diameter of each node in pixels

• Node Count – Total number of nodes in the network

• Connection Color – Color of the lines connecting nodes

• Connection Opacity – Transparency of connection lines (0 = invisible, 1 = solid)

• Connection Distance – Maximum distance between nodes to draw a connection

• Animation Speed – Global speed multiplier for all movement

• Base Movement Speed – Speed of the nodes’ natural random motion

• Expansion Speed – Speed at which nodes move outward from the center

• Damping – Friction applied to node movement (lower = more friction)

• Mouse Attraction – Strength of node attraction to the mouse cursor