5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/2560d2n15vwt0.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/139qrzcz9lv4a.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/29nnfbif7huoh.js","/creators-assets/_next/static/immutable/chunks/0wtdx5gy0autr.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/1jp3s4ouxoyr3.js","/creators-assets/_next/static/immutable/chunks/2ghns2teubdvo.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3ogkzi2dwy7m5.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2hnfu5uxkt8n0.js","/creators-assets/_next/static/immutable/chunks/0hkuwyfzgyt29.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/0_fhuyoczujnr.js","/creators-assets/_next/static/immutable/chunks/0a0vnb5snqr6w.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:I[539959,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/2560d2n15vwt0.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/139qrzcz9lv4a.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/29nnfbif7huoh.js","/creators-assets/_next/static/immutable/chunks/0wtdx5gy0autr.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/1jp3s4ouxoyr3.js","/creators-assets/_next/static/immutable/chunks/2ghns2teubdvo.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3ogkzi2dwy7m5.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2hnfu5uxkt8n0.js","/creators-assets/_next/static/immutable/chunks/0hkuwyfzgyt29.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/0_fhuyoczujnr.js","/creators-assets/_next/static/immutable/chunks/0a0vnb5snqr6w.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"CommentSection"] 5a:[["$","$L5d",null,{"post":{"id":"01a0128f-a131-72df-b592-fee2309d42a1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"1eaef547-6222-418e-867a-abe4a2eeaa0a","name":"Ariel Barrios","slug":"ariel-barrios-il3gb","avatar":"https://framerusercontent.com/avatars/users/1eaef547-6222-418e-867a-abe4a2eeaa0a/GHC7gC8cE","followed":false,"followsYou":false},"media":[],"resources":[{"id":"M0uMhCkOaeTQWdFstni6","resolved":true,"title":"Magnetic node canvas","body":"

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.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"FlowBoard","marks":[{"type":"bold"}]},{"type":"text","text":" — flow board"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Link a Free layout frame that already holds your nodes; lines draw themselves between its children."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Curved bezier lines with arrow, sockets (dots), and labels showing each node's real name (custom text and background colors)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"In the editor, every node shows its name in a pill above it (toggleable)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"On the published site, nodes can be dragged (toggleable) and the lines follow live."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flow animation (animated dashes) with adjustable speed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Correct alignment at any editor zoom level."}]}]}]}]},"introduction":"Magnetic node canvas for Framer","slug":"magnetic-node-canvas","author":{"framerUserId":"1eaef547-6222-418e-867a-abe4a2eeaa0a","name":"Ariel Barrios","slug":"ariel-barrios-il3gb","avatar":"https://framerusercontent.com/avatars/users/1eaef547-6222-418e-867a-abe4a2eeaa0a/GHC7gC8cE","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1eaef547-6222-418e-867a-abe4a2eeaa0a/01a0128f-6c70-7249-88bc-6fb41354c032.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1853,"height":1185}}],"post":null,"createdAt":"2026-08-18T01:49:57.456Z","updatedAt":"2026-08-21T02:09:23.238Z","publishedAt":"2026-08-18T01:49:57.451Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://magneticnode.framer.website","price":"5","paymentUrl":"https://arielbarrios.gumroad.com/l/meirrb","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"1Ujh6uzvnaspyCjwp6wL","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-18T01:49:57.937Z","updatedAt":"2026-08-18T01:49:57.937Z","reported":false}}],["$","$L5e",null,{"target":{"kind":"post","postId":"01a0128f-a131-72df-b592-fee2309d42a1"},"postId":"01a0128f-a131-72df-b592-fee2309d42a1","postAuthor":"$5a:0:props:post:author","targetCommentId":"$undefined"}]]

Suggested for you