WebGL particle network with repel, attract & connection lines
NodeField is a GPU-accelerated interactive particle network for Framer. Move your cursor to repel or attract thousands of nodes in real time — with optional connection lines that turn your background into a living, breathing network.
Live Preview: https://usenodefield.framer.website/
Built entirely with WebGL for maximum performance. Smooth at any node count, on any screen size.
Effects: Repel mode, Attract mode, Connection Lines network effect
Customization: Node count, color, size, speed, force, influence radius, damping, connection distance, background color
Mobile: Full touch support — tap and drag to interact on phones and tablets
Best used for: Tech and SaaS landing pages that need a dynamic, data-driven aesthetic. Agency and portfolio backgrounds that move without overwhelming the content. Hero sections where a static background feels like a missed opportunity. Creative and generative art installations on the web.
Includes two components: NodeField — production-ready, drop into any page NodeFieldDemo — live control panel to explore all settings in real time
Use Cases
Hero section backgrounds
Interactive landing pages
Tech / SaaS / AI product websites
Portfolio backgrounds
Loading screens
Data visualization aesthetics
Dark-themed UI backgrounds
Creative agency websites
Keywords
particles, particle field, node field, WebGL, interactive, mouse interaction network, graph, dots, connection lines, generative, canvas, dark background, tech, SaaS AI repel, attract, physics motion live
Refund Policy
Due to the digital nature of this product, all sales are final and refunds are not available. Please review the product details carefully before purchasing. If you have any questions, feel free to contact me before placing your order.
Ahmet Loca
