Neural Flow BG

Neural Flow BG

About Neural Flow BG

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