Node Field

A background component built for Framer. Live preview below — interact with it directly before you buy.

Buy this component — $8 Preview Get All-Access instead

About Node Field

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. Built entirely with WebGL for maximum performance, smooth at any node count, on any screen size. Includes two components: NodeField, production-ready to drop into any page, and NodeFieldDemo, a live control panel to explore all settings in real time.

Features

→Repel mode, Attract mode, and a Connection Lines network effect
→Customizable node count, color, size, speed and force
→Adjustable influence radius, damping and connection distance
→Customizable background color
→Full touch support — tap and drag to interact on phones and tablets
→Built entirely with WebGL for GPU-accelerated performance

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

Best value

Get every component with All-Access — $129

Node Field and all 122 others, current and future.

Get All-Access

More Background

Soft Background

Compare Slider Pro X

Aura Cursor