---
title: "Neural Field — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Majed Monem · Backgrounds. Seeded neural network backdrop"
canonical: "https://framer.elliotli.dev/component/neural-field"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Neural Field

# Neural Field

Seeded neural network backdrop

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

![Neural Field preview image 1](https://framer.elliotli.dev/og/component/neural-field/71447fc5eff48bcd/1600x1200.jpg)

## Summary

Seeded neural network backdrop

## Description

A neural network background: nodes drifting on their own paths, joined by lines that fade out with distance, and a brightness pulse travelling outward through the links from one node at a time. The pulse is what makes it read as a network rather than a drifting particle field.

It is driven by a numeric seed. Change the seed until you like the composition, and that composition is the one that loads every time, for every visitor, on every reload. Backgrounds built on an unseeded random source cannot promise that, which is why they look different in the screenshot you approved and on the live site.

Bring a pointer near it and nearby nodes lean toward the cursor while their links brighten. Set pointer pull to zero and the listener is never attached at all.

Node count, speed, link distance, pointer pull and radius, the pulse, node size, link width, every colour, corner radius and opacity are property controls.

Drawn on a canvas inside the component: no WebGL, no library, nothing fetched. It sizes itself to whatever frame you drop it in, caps its pixel ratio, keeps the nodes sorted so the link pass stops early instead of testing every pair, and allocates nothing inside the animation frame. In the Framer canvas it draws one still frame from the seed, and a visitor who has asked for reduced motion gets that same still frame with no loop running.

After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it.

Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev

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

-   All · #8451

## Details

- **Author**: Majed Monem
- **Price**: $8.00
- **Published**: 2026-08-16
- **Updated**: 2026-10-23
- **Added**: 2026-08-16
- **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