---
title: "Magnetic node canvas — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ariel Barrios · Backgrounds. Magnetic node canvas for Framer"
canonical: "https://framer.elliotli.dev/component/magnetic-node-canvas"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Magnetic node canvas

# Magnetic node canvas

Magnetic node canvas for Framer

[View on Framer](https://framer.com/marketplace/components/magnetic-node-canvas/?via=elliot-li)

![Magnetic node canvas preview image 1](https://framer.elliotli.dev/og/component/magnetic-node-canvas/299653ac9d244a7f/1600x1023.jpg)

## Summary

Magnetic node canvas for Framer

## Description

**FlowBoard** — flow board

-   Link a Free layout frame that already holds your nodes; lines draw themselves between its children.
    
-   Curved bezier lines with arrow, sockets (dots), and labels showing each node's real name (custom text and background colors).
    
-   In the editor, every node shows its name in a pill above it (toggleable).
    
-   On the published site, nodes can be dragged (toggleable) and the lines follow live.
    
-   Flow animation (animated dashes) with adjustable speed.
    
-   Correct alignment at any editor zoom level.
    

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

-   All · #8050

## Details

- **Author**: Ariel Barrios
- **Price**: $5.00
- **Published**: 2026-08-18
- **Updated**: 2026-08-21
- **Added**: 2026-08-18
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background