---
title: "Interactive Node Net — Free Framer component · Best of Framer"
description: "Free Framer component · by Martina Gazenova · Backgrounds. A lightweight animated network of nodes and connections that reacts to mouse movement."
canonical: "https://framer.elliotli.dev/component/interactive-node-net"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Interactive Node Net

# Interactive Node Net

[View on Framer](https://framer.com/marketplace/components/interactive-node-net/?via=elliot-li)

![Interactive Node Net preview image 1](https://framer.elliotli.dev/og/component/interactive-node-net/5f722bf578223649/1600x1200.jpg)

## Summary

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

## Description

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
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #3822

## Details

- **Author**: Martina Gazenova
- **Published**: 2026-01-16
- **Updated**: 2026-01-14
- **Added**: 2025-12-22
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background