---
title: "NeuralGrid — Framer component · Best of Framer"
description: "$5.00 · Framer component · by FramerHub.io  · Backgrounds. AI Data Nodes Grid Connection"
canonical: "https://framer.elliotli.dev/component/neuralgrid"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/NeuralGrid

# NeuralGrid

AI Data Nodes Grid Connection

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

![NeuralGrid preview image 1](https://framer.elliotli.dev/og/component/neuralgrid/0c95c833ae667329/1600x1200.jpg)

## Summary

AI Data Nodes Grid Connection

## Description

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-rs9cooyf-23UcMUKAKIagNRTeTu4RVhm4TFRUtP)](https://framerhub.io/components?utm_source=framer_marketplace&utm_medium=framer_marketplace_components&utm_content=NeuralGrid)

### Overview

A GPU-accelerated shader background simulating AI networks with floating, glowing nodes and a structured grid overlay. Mouse-reactive for interactive engagement.

### Features

**Interactive Nodes** Nodes gently float and pulse, reacting to your mouse cursor's position to create a sense of responsiveness and intelligence.

**Tech Aesthetic** The combination of a structured grid and organic node movement strikes the perfect balance for modern tech branding.

**Shader Performance** Running entirely on the GPU via WebGL, this effect is buttery smooth even on large screens. Includes canvas mode optimization for the Framer editor.

**Full Customization** Control node colors, grid opacity, animation speed, and spread distance to match your brand.

### Use Cases

**AI & Machine Learning** — Perfect background for AI startups, data science platforms, and ML documentation.

**Tech Dashboards** — Add depth to analytics dashboards and data visualization interfaces.

**Cybersecurity** — Create a sense of digital networks and connected systems.

**SaaS Landing Pages** — Modern tech aesthetic for software product pages.

### Properties

-   **Animation**: Toggle animation (Yes/No)
    
-   **Speed**: Animation speed (0-3)
    
-   **Time ×**: Time multiplier (0-5)
    
-   **Nodes**: Number of nodes (1-64)
    
-   **Size**: Node size (0.01-1)
    
-   **Spread**: Spread factor (0.1-4)
    
-   **Mouse**: Mouse influence (0-2)
    
-   **Grid Opacity**: Grid visibility (0-1)
    
-   **Grid Scale**: Grid scale (0.5-20)
    
-   **Background**: Background color
    
-   **Node Color**: Node color
    
-   **Grid Color**: Grid color
    
-   **Blend**: Blend mode (Normal/Additive)
    
-   **Pixel Ratio**: Resolution multiplier (1-3)
    

### Customization

**Animation** Toggle the animation on or off (default: Yes).

**Speed** Control animation speed of the floating nodes (0-3, default: 0.5).

**Time Multiplier** Adjust the time scale for the simulation (0-5, default: 2.02).

**Nodes** Number of nodes in the simulation (1-64, default: 18).

**Size** Size of the nodes (0.01-1, default: 0.03).

**Spread** How far nodes drift from their center position (0.1-4, default: 1.75).

**Mouse Influence** Strength of the mouse attraction effect (0-2, default: 0.73).

**Grid Opacity** Visibility of the background grid lines (0-1, default: 0.5).

**Grid Scale** Scale of the background grid (0.5-20, default: 5).

**Colors** Customize the Background, Node Color, and Grid Color.

**Blend Mode** Choose between Normal and Additive blending.

**Pixel Ratio** Adjust rendering resolution (1-3, default: 2).

## License

**Single Use License** — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.

## Refund Policy

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

### Version

1.0.0

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

-   All · #9773

## Details

- **Author**: FramerHub.io
- **Price**: $5.00
- **Published**: 2026-04-15
- **Updated**: 2026-04-07
- **Added**: 2026-01-17
- **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