component
Neural Flow BG
By Hamim Reza
Details
- Hamim RezaAuthor
- componentType
- $10.00Price
- 2026-02-25Published
- 2026-07-04Updated
- 2026-02-19Added
- BackgroundsCategories
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 Particle Color - #818cf8 Background - Canvas background color - #000000 Trail Length - How long particle trails persist (0.01–1) - 0.1 Particles - Number of active particles (50–2000) - 600 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
Introduction
Flow field particle mouse effect
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3633