---
title: "Neural Flow BG — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Hamim Reza · Backgrounds. Flow field particle mouse effect"
canonical: "https://framer.elliotli.dev/component/neural-flow-bg"
---

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

# Neural Flow BG

Flow field particle mouse effect

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

![Neural Flow BG preview image 1](https://framer.elliotli.dev/og/component/neural-flow-bg/9f156f841ac3f5d8/1600x1200.jpg)

## Summary

Flow field particle mouse effect

## Description

Neural Flow Background

A canvas-powered animated background built for Framer. Particles flow through a mathematical vector field, producing smooth, organic motion that reacts to your cursor in real time.

## Features

-   **Mouse repulsion** — particles flee from your cursor within a 150px radius
    
-   **Customizable trail length** — lower opacity creates long, glowing comet-like streaks
    
-   **Any background color** — works on dark and light designs equally
    
-   **Auto-resizing** — adapts instantly to its container on window resize
    
-   **Retina/HiDPI support** — crisp on all screen densities
    
-   **Zero dependencies** — no external libraries required
    

## Property Controls

1.  Particle Color - #818cf8
    
2.  Background - Canvas background color - #000000
    
3.  Trail Length - How long particle trails persist (0.01–1) - 0.1
    
4.  Particles - Number of active particles (50–2000) - 600
    
5.  Speed - Flow field speed multiplier (0.1–5) - 0.8
    

## Usage Tips

-   Place it inside a **frame set to fill** its parent container
    
-   Layer text or UI elements on top using **z-index / stack order**
    
-   For a subtle effect, increase Trail Length toward 0.3 and reduce Particles to 300
    
-   For a dense, dramatic look, set Particles to 1200 and Trail Length to 0.05
    

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

-   All · #5667

## Details

- **Author**: Hamim Reza
- **Price**: $10.00
- **Published**: 2026-02-25
- **Updated**: 2026-07-04
- **Added**: 2026-02-19
- **Categories**: Backgrounds

## More like this

-   [Live_Backgrounds.exe](/component/live-backgrounds-exe) — S̶̈́͂IX BILLIÖ̴́N HERSELF · $19 — Animated backgrounds, 19 presets
-   [Drumskin](/component/drumskin) — KOJA Studios · Free — Interactive dot grid background
-   [Eclipse Ring](/component/eclipse-ring) — Lunaut Studio · $9 — A total eclipse for your hero
-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background