CINXE.COM
Imprint - xyflow
<!DOCTYPE html><html class="__className_f35434" dir="ltr" lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/08c48d09be6639e0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/63429a2b6aa41def-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/8465cd5ac5565d9c-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/8e4fa9519f0b1748-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/346c8d13d90d8145.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/e54dab27a5b3bf74.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/f18735e2513ff455.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/d60be7727a3ad5a8.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/cd984326a0ca424d.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-b6b46d0db14094f0.js"/><script src="/_next/static/chunks/2951bed2-431ffedda685dde3.js" async=""></script><script src="/_next/static/chunks/2947-0d79e3df1206f294.js" async=""></script><script src="/_next/static/chunks/main-app-ac68252352aab915.js" async=""></script><script src="/_next/static/chunks/d27283b4-10726a3834f6e260.js" async=""></script><script src="/_next/static/chunks/7647-faeab8228a035449.js" async=""></script><script src="/_next/static/chunks/3219-0dba5540bace2c1b.js" async=""></script><script src="/_next/static/chunks/8008-c0b74630ec439977.js" async=""></script><script src="/_next/static/chunks/app/(content-pages)/imprint/page-99d5795e3473864b.js" async=""></script><script src="/_next/static/chunks/69debb3d-d663e77cf2014858.js" async=""></script><script src="/_next/static/chunks/1ea0f737-cd138e0f105c6296.js" async=""></script><script src="/_next/static/chunks/bf06e590-d8b7a60d98993ce1.js" async=""></script><script src="/_next/static/chunks/e1cb20ef-8b65f021308aac34.js" async=""></script><script src="/_next/static/chunks/6575d434-3e231a337f7ed3af.js" async=""></script><script src="/_next/static/chunks/eca16dfc-e4478ccf3b7c05d9.js" async=""></script><script src="/_next/static/chunks/8602-0b9dae5b99f5f286.js" async=""></script><script src="/_next/static/chunks/3299-3e06dbfdac0dbdd7.js" async=""></script><script src="/_next/static/chunks/8334-d5c4330fac37d212.js" async=""></script><script src="/_next/static/chunks/4311-efe9b109e5cb51b2.js" async=""></script><script src="/_next/static/chunks/6472-baeac0a607d64a41.js" async=""></script><script src="/_next/static/chunks/8171-058f8dc6723f5391.js" async=""></script><script src="/_next/static/chunks/6246-7127c6fdf82d4c38.js" async=""></script><script src="/_next/static/chunks/app/layout-c71544cd5ffdc0cd.js" async=""></script><script src="/_next/static/chunks/app/not-found-83f018e5ce2baafc.js" async=""></script><script src="/_next/static/chunks/app/(content-pages)/page-4e373bf4b5174702.js" async=""></script><meta name="next-size-adjust" content=""/><meta name="theme-color" media="(prefers-color-scheme: light)" content="rgb(250,250,250)"/><meta name="theme-color" media="(prefers-color-scheme: dark)" content="rgb(17,17,17)"/><title>Imprint - xyflow</title><meta name="description" content="xyflow - Open source libraries for creating interactive workflows, dynamic diagrams and custom node-based UIs."/><meta name="application-name" content="xyflow"/><meta name="generator" content="Next.js"/><meta name="keywords" content="xyflow,node-based UI,graph,diagram,workflow,react-flow,svelte-flow,react,svelte"/><meta name="robots" content="index,follow"/><link rel="canonical" href="https://xyflow.com/imprint"/><meta name="mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-title" content="xyflow"/><meta name="apple-mobile-web-app-status-bar-style" content="default"/><meta property="og:title" content="Imprint - xyflow"/><meta property="og:description" content="xyflow - Open source libraries for creating interactive workflows, dynamic diagrams and custom node-based UIs."/><meta property="og:url" content="https://xyflow.com/imprint"/><meta property="og:site_name" content="xyflow"/><meta property="og:locale" content="en_US"/><meta property="og:image:type" content="image/jpeg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="640"/><meta property="og:image" content="https://xyflow.com/opengraph-image.jpg?1a087ad6628a3c36"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="https://x.com/xyflowdev"/><meta name="twitter:creator" content="@xyflowdev"/><meta name="twitter:title" content="Imprint - xyflow"/><meta name="twitter:description" content="xyflow - Open source libraries for creating interactive workflows, dynamic diagrams and custom node-based UIs."/><meta name="twitter:image:type" content="image/jpeg"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="640"/><meta name="twitter:image" content="https://xyflow.com/opengraph-image.jpg?1a087ad6628a3c36"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="256x256"/><link rel="icon" href="/icon.svg?243a142a0a787f15" type="image/svg+xml" sizes="any"/><link rel="apple-touch-icon" href="/apple-icon.png?73bbc5751dfb45ee" type="image/png" sizes="180x180"/><style>:root { --nextra-primary-hue: 333deg; --nextra-primary-saturation: 100%; --nextra-primary-lightness: 45%; --nextra-bg: 250,250,250; --nextra-content-width: 90rem; } .dark { --nextra-primary-hue: 333deg; --nextra-primary-saturation: 100%; --nextra-primary-lightness: 55%; --nextra-bg: 17,17,17; } ::selection { background: hsla(var(--nextra-primary-hue),var(--nextra-primary-saturation),var(--nextra-primary-lightness),.3); } html { background: rgb(var(--nextra-bg)); }</style><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><script>((e,t,n,r,i,o,a,s)=>{let l=document.documentElement,c=["light","dark"];function u(t){(Array.isArray(e)?e:[e]).forEach(e=>{let n="class"===e,r=n&&o?i.map(e=>o[e]||e):i;n?(l.classList.remove(...r),l.classList.add(o&&o[t]?o[t]:t)):l.setAttribute(e,t)}),s&&c.includes(t)&&(l.style.colorScheme=t)}if(r)u(r);else try{let e=localStorage.getItem(t)||n,r=a&&"system"===e?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":e;u(r)}catch(e){}})("class","theme","light","light",["light","dark"],null,true,true)</script><a href="#nextra-skip-nav" class="nextra-skip-nav x:sr-only" type="button" data-headlessui-state="">Skip to Content</a><header class="nextra-navbar x:sticky x:top-0 x:z-30 x:w-full x:bg-transparent x:print:hidden x:max-md:[.nextra-banner:not([class$=hidden])~&]:top-(--nextra-banner-height)"><div class="nextra-navbar-blur x:absolute x:-z-1 x:size-full nextra-border x:border-b x:backdrop-blur-md x:bg-nextra-bg/70"></div><nav style="height:var(--nextra-navbar-height)" class="x:mx-auto x:flex x:max-w-(--nextra-content-width) x:items-center x:gap-4 x:pl-[max(env(safe-area-inset-left),1.5rem)] x:pr-[max(env(safe-area-inset-right),1.5rem)] x:justify-end"><div class="x:flex x:items-center x:max-md:me-auto"><div class="flex space-x-2 items-center"><a class="flex space-x-2 items-center" href="/"><div class="text-primary h-9 w-9"><svg width="100%" height="100%" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M35 3H25C23.8954 3 23 3.89543 23 5V15C23 16.1046 23.8954 17 25 17H35C36.1046 17 37 16.1046 37 15V5C37 3.89543 36.1046 3 35 3Z" stroke-width="2" fill="none" stroke="currentColor" data-path="animation"></path><path d="M35 23H25C23.8954 23 23 23.8954 23 25V35C23 36.1046 23.8954 37 25 37H35C36.1046 37 37 36.1046 37 35V25C37 23.8954 36.1046 23 35 23Z" stroke="#1A192B" stroke-width="2"></path><path d="M15 23H5C3.89543 23 3 23.8954 3 25V35C3 36.1046 3.89543 37 5 37H15C16.1046 37 17 36.1046 17 35V25C17 23.8954 16.1046 23 15 23Z" stroke="#1A192B" stroke-width="2"></path><path d="M15 3H5C3.89543 3 3 3.89543 3 5V15C3 16.1046 3.89543 17 5 17H15C16.1046 17 17 16.1046 17 15V5C17 3.89543 16.1046 3 15 3Z" stroke="#1A192B" stroke-width="2"></path><path d="M17 13C18.6569 13 20 11.6569 20 10C20 8.34315 18.6569 7 17 7C15.3431 7 14 8.34315 14 10C14 11.6569 15.3431 13 17 13Z" fill="white"></path><path d="M23 13C24.6569 13 26 11.6569 26 10C26 8.34315 24.6569 7 23 7C21.3431 7 20 8.34315 20 10C20 11.6569 21.3431 13 23 13Z" fill="white"></path><path d="M30 20C31.6569 20 33 18.6569 33 17C33 15.3431 31.6569 14 30 14C28.3431 14 27 15.3431 27 17C27 18.6569 28.3431 20 30 20Z" fill="white"></path><path d="M30 26C31.6569 26 33 24.6569 33 23C33 21.3431 31.6569 20 30 20C28.3431 20 27 21.3431 27 23C27 24.6569 28.3431 26 30 26Z" fill="white"></path><path d="M17 33C18.6569 33 20 31.6569 20 30C20 28.3431 18.6569 27 17 27C15.3431 27 14 28.3431 14 30C14 31.6569 15.3431 33 17 33Z" fill="white"></path><path d="M23 33C24.6569 33 26 31.6569 26 30C26 28.3431 24.6569 27 23 27C21.3431 27 20 28.3431 20 30C20 31.6569 21.3431 33 23 33Z" fill="white"></path><path d="M30 25C31.1046 25 32 24.1046 32 23C32 21.8954 31.1046 21 30 21C28.8954 21 28 21.8954 28 23C28 24.1046 28.8954 25 30 25Z" fill="#1A192B"></path><path d="M17 32C18.1046 32 19 31.1046 19 30C19 28.8954 18.1046 28 17 28C15.8954 28 15 28.8954 15 30C15 31.1046 15.8954 32 17 32Z" fill="#1A192B"></path><path d="M23 32C24.1046 32 25 31.1046 25 30C25 28.8954 24.1046 28 23 28C21.8954 28 21 28.8954 21 30C21 31.1046 21.8954 32 23 32Z" fill="#1A192B"></path><path opacity="0.35" d="M22 9.5H18V10.5H22V9.5Z" fill="#1A192B"></path><path opacity="0.35" d="M29.5 17.5V21.5H30.5V17.5H29.5Z" fill="#1A192B"></path><path opacity="0.35" d="M22 29.5H18V30.5H22V29.5Z" fill="#1A192B"></path><path d="M17 12C18.1046 12 19 11.1046 19 10C19 8.89543 18.1046 8 17 8C15.8954 8 15 8.89543 15 10C15 11.1046 15.8954 12 17 12Z" fill="#1A192B"></path><path d="M23 12C24.1046 12 25 11.1046 25 10C25 8.89543 24.1046 8 23 8C21.8954 8 21 8.89543 21 10C21 11.1046 21.8954 12 23 12Z" fill="currentColor"></path><path d="M30 19C31.1046 19 32 18.1046 32 17C32 15.8954 31.1046 15 30 15C28.8954 15 28 15.8954 28 17C28 18.1046 28.8954 19 30 19Z" fill="currentColor"></path></svg></div><p class="font-black text-xl leading-none">xyflow</p></a><a class="max-md:hidden bg-primary rounded-full px-2 font-bold text-primary-foreground text-sm hover:opacity-80" href="/careers">hiring</a></div></div><div class="x:flex x:gap-4 x:overflow-x-auto nextra-scrollbar x:py-1.5 x:max-md:hidden x:me-auto"><a class="x:focus-visible:nextra-focus x:text-sm x:contrast-more:text-gray-700 x:contrast-more:dark:text-gray-100 x:whitespace-nowrap x:text-gray-600 x:hover:text-gray-800 x:dark:text-gray-400 x:dark:hover:text-gray-200 x:ring-inset x:transition-colors x:aria-[current]:font-medium x:aria-[current]:subpixel-antialiased x:aria-[current]:text-current" href="/blog">Blog</a><a class="x:focus-visible:nextra-focus x:text-sm x:contrast-more:text-gray-700 x:contrast-more:dark:text-gray-100 x:whitespace-nowrap x:text-gray-600 x:hover:text-gray-800 x:dark:text-gray-400 x:dark:hover:text-gray-200 x:ring-inset x:transition-colors x:aria-[current]:font-medium x:aria-[current]:subpixel-antialiased x:aria-[current]:text-current" href="/about">About Us</a><a class="x:focus-visible:nextra-focus x:text-sm x:contrast-more:text-gray-700 x:contrast-more:dark:text-gray-100 x:whitespace-nowrap x:text-gray-600 x:hover:text-gray-800 x:dark:text-gray-400 x:dark:hover:text-gray-200 x:ring-inset x:transition-colors x:aria-[current]:font-medium x:aria-[current]:subpixel-antialiased x:aria-[current]:text-current" href="/open-source">Open Source</a><button class="x:text-sm x:contrast-more:text-gray-700 x:contrast-more:dark:text-gray-100 x:whitespace-nowrap x:text-gray-600 x:hover:text-gray-800 x:dark:text-gray-400 x:dark:hover:text-gray-200 x:ring-inset x:transition-colors x:items-center x:flex x:gap-1.5 x:cursor-pointer" id="headlessui-menu-button-:Rf1kulb:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Libraries<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="14" class="x:*:origin-center x:*:transition-transform x:*:rotate-90"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div><a class="inline-flex items-center justify-center rounded-full text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background shadow-md font-bold bg-primary text-primary-foreground hover:bg-primary/80 py-2 h-9 px-6 shrink-0" href="/contact">Contact Us</a><button class="x:transition x:cursor-pointer nextra-hamburger x:md:hidden" aria-label="Menu" type="button" data-headlessui-state=""><svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" height="24" class=""><g><path d="M4 6h16"></path></g><path d="M4 12h16"></path><g><path d="M4 18h16"></path></g></svg></button></nav></header><aside class="nextra-mobile-nav x:flex x:flex-col x:fixed x:inset-0 x:pt-(--nextra-navbar-height) x:z-20 x:overscroll-contain x:[contain:layout_style] x:md:hidden x:[.nextra-banner:not([class$=hidden])~&]:pt-[calc(var(--nextra-banner-height)+var(--nextra-navbar-height))] x:bg-nextra-bg x:[transform:translate3d(0,-100%,0)]"><ul class="x:grid x:gap-1 x:p-4 x:overflow-y-auto nextra-scrollbar nextra-mask"><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/blog">Blog</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/about">About Us</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/open-source">Open Source</a></li><li class="open"><button class="x:transition x:cursor-pointer x:items-center x:justify-between x:gap-2 x:text-start x:w-full x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" type="button" data-headlessui-state="">Libraries<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="18" class="x:shrink-0 x:rounded-sm x:p-0.5 x:hover:bg-gray-800/5 x:dark:hover:bg-gray-100/5 x:motion-reduce:*:transition-none x:*:origin-center x:*:transition-transform x:*:rtl:-rotate-180 x:*:ltr:rotate-90 x:*:rtl:-rotate-270"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div class="x:transform-gpu x:transition-all x:ease-in-out x:motion-reduce:transition-none x:opacity-100" style="transition-duration:500ms"><ul class="x:grid x:gap-1 x:relative x:before:absolute x:before:inset-y-1 x:before:w-px x:before:bg-gray-200 x:before:content-[""] x:dark:before:bg-neutral-800 x:ps-3 x:before:start-0 x:pt-1 x:ms-3"><li class=""><a href="https://reactflow.dev" target="_blank" rel="noreferrer" class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50">React Flow<!-- --> <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" viewBox="0 0 24 24" height="1em" class="x:inline x:align-baseline x:shrink-0"><path d="M7 17L17 7"></path><path d="M7 7h10v10"></path></svg></a></li><li class=""><a href="https://svelteflow.dev" target="_blank" rel="noreferrer" class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50">Svelte Flow<!-- --> <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" viewBox="0 0 24 24" height="1em" class="x:inline x:align-baseline x:shrink-0"><path d="M7 17L17 7"></path><path d="M7 7h10v10"></path></svg></a></li></ul></div></li></ul></aside><div class="x:mx-auto x:flex x:max-w-(--nextra-content-width)"><div class="x:max-xl:hidden x:h-0 x:w-64 x:shrink-0"></div><aside id=":Rbtttelb:" class="nextra-sidebar x:print:hidden x:transition-all x:ease-in-out x:max-md:hidden x:flex x:flex-col x:h-[calc(100dvh-var(--nextra-menu-height))] x:top-(--nextra-navbar-height) x:shrink-0 x:w-64 x:hidden"><div class="x:p-4 x:overflow-y-auto nextra-scrollbar nextra-mask x:grow"></div></aside><nav class="nextra-toc x:order-last x:max-xl:hidden x:w-64 x:shrink-0 x:print:hidden" aria-label="table of contents"><div class="x:grid x:grid-rows-[min-content_1fr_min-content] x:sticky x:top-(--nextra-navbar-height) x:text-sm x:max-h-[calc(100vh-var(--nextra-navbar-height))]"><p class="x:pt-6 x:px-4 x:font-semibold x:tracking-tight">On This Page</p><ul class="x:p-4 nextra-scrollbar x:overscroll-y-contain x:overflow-y-auto x:hyphens-auto nextra-mask"><li class="x:my-2 x:scroll-my-6 x:scroll-py-6"><a href="#legal-disclosure" class="x:focus-visible:nextra-focus x:font-semibold x:block x:transition-colors x:subpixel-antialiased x:text-gray-500 x:hover:text-gray-900 x:dark:text-gray-400 x:dark:hover:text-gray-300 x:contrast-more:text-gray-900 x:contrast-more:underline x:contrast-more:dark:text-gray-50 x:break-words">Legal Disclosure</a></li><li class="x:my-2 x:scroll-my-6 x:scroll-py-6"><a href="#represented-by" class="x:focus-visible:nextra-focus x:font-semibold x:block x:transition-colors x:subpixel-antialiased x:text-gray-500 x:hover:text-gray-900 x:dark:text-gray-400 x:dark:hover:text-gray-300 x:contrast-more:text-gray-900 x:contrast-more:underline x:contrast-more:dark:text-gray-50 x:break-words">Represented by</a></li><li class="x:my-2 x:scroll-my-6 x:scroll-py-6"><a href="#contact-information" class="x:focus-visible:nextra-focus x:font-semibold x:block x:transition-colors x:subpixel-antialiased x:text-gray-500 x:hover:text-gray-900 x:dark:text-gray-400 x:dark:hover:text-gray-300 x:contrast-more:text-gray-900 x:contrast-more:underline x:contrast-more:dark:text-gray-50 x:break-words">Contact Information</a></li><li class="x:my-2 x:scroll-my-6 x:scroll-py-6"><a href="#register-entry" class="x:focus-visible:nextra-focus x:font-semibold x:block x:transition-colors x:subpixel-antialiased x:text-gray-500 x:hover:text-gray-900 x:dark:text-gray-400 x:dark:hover:text-gray-300 x:contrast-more:text-gray-900 x:contrast-more:underline x:contrast-more:dark:text-gray-50 x:break-words">Register entry</a></li><li class="x:my-2 x:scroll-my-6 x:scroll-py-6"><a href="#vat-number" class="x:focus-visible:nextra-focus x:font-semibold x:block x:transition-colors x:subpixel-antialiased x:text-gray-500 x:hover:text-gray-900 x:dark:text-gray-400 x:dark:hover:text-gray-300 x:contrast-more:text-gray-900 x:contrast-more:underline x:contrast-more:dark:text-gray-50 x:break-words">VAT number</a></li><li class="x:my-2 x:scroll-my-6 x:scroll-py-6"><a href="#disclaimer" class="x:focus-visible:nextra-focus x:font-semibold x:block x:transition-colors x:subpixel-antialiased x:text-gray-500 x:hover:text-gray-900 x:dark:text-gray-400 x:dark:hover:text-gray-300 x:contrast-more:text-gray-900 x:contrast-more:underline x:contrast-more:dark:text-gray-50 x:break-words">Disclaimer</a></li><li class="x:my-2 x:scroll-my-6 x:scroll-py-6"><a href="#accountability-for-links" class="x:focus-visible:nextra-focus x:font-semibold x:block x:transition-colors x:subpixel-antialiased x:text-gray-500 x:hover:text-gray-900 x:dark:text-gray-400 x:dark:hover:text-gray-300 x:contrast-more:text-gray-900 x:contrast-more:underline x:contrast-more:dark:text-gray-50 x:break-words">Accountability for links</a></li><li class="x:my-2 x:scroll-my-6 x:scroll-py-6"><a href="#copyright" class="x:focus-visible:nextra-focus x:font-semibold x:block x:transition-colors x:subpixel-antialiased x:text-gray-500 x:hover:text-gray-900 x:dark:text-gray-400 x:dark:hover:text-gray-300 x:contrast-more:text-gray-900 x:contrast-more:underline x:contrast-more:dark:text-gray-50 x:break-words">Copyright</a></li></ul><div class="x:grid x:gap-2 x:py-4 x:mx-4 x:border-t nextra-border"><a href="https://github.com/xyflow/web/tree/main/sites/xyflow.com/src/app/(content-pages)/imprint/page.mdx" target="_blank" rel="noreferrer" class="x:focus-visible:nextra-focus x:text-xs x:font-medium x:transition x:text-gray-600 x:dark:text-gray-400 x:hover:text-gray-800 x:dark:hover:text-gray-200 x:contrast-more:text-gray-700 x:contrast-more:dark:text-gray-100">Edit this page on GitHub<!-- --> <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" viewBox="0 0 24 24" height="1em" class="x:inline x:align-baseline x:shrink-0"><path d="M7 17L17 7"></path><path d="M7 7h10v10"></path></svg></a><a href="https://xyflow.com/contact" target="_blank" rel="noreferrer" class="x:focus-visible:nextra-focus xy-link-gray x:text-xs x:font-medium">Question? Give us feedback<!-- --> <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" viewBox="0 0 24 24" height="1em" class="x:inline x:align-baseline x:shrink-0"><path d="M7 17L17 7"></path><path d="M7 7h10v10"></path></svg></a></div></div></nav><article class="x:w-full x:min-w-0 x:break-words x:min-h-[calc(100vh-var(--nextra-navbar-height))] x:text-slate-700 x:dark:text-slate-200 x:pb-8 x:px-4 x:pt-4 x:md:px-12"><div id="nextra-skip-nav"></div><main data-pagefind-body="true"><h1 class="x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-bold x:mt-2 x:text-4xl">Imprint</h1> <h2 id="legal-disclosure" class="x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-semibold x:target:animate-[fade-in_1.5s] x:mt-10 x:border-b x:pb-1 x:text-3xl nextra-border">Legal Disclosure<a href="#legal-disclosure" class="x:focus-visible:nextra-focus subheading-anchor" aria-label="Permalink for this section"></a></h2> <p class="x:not-first:mt-6 x:leading-7">Information in accordance with Section 5 TMG webkid GmbH Kohlfurter Straße 41/43 10999 Berlin</p> <h2 id="represented-by" class="x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-semibold x:target:animate-[fade-in_1.5s] x:mt-10 x:border-b x:pb-1 x:text-3xl nextra-border">Represented by<a href="#represented-by" class="x:focus-visible:nextra-focus subheading-anchor" aria-label="Permalink for this section"></a></h2> <p class="x:not-first:mt-6 x:leading-7">Moritz Klack Christopher Möller</p> <h2 id="contact-information" class="x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-semibold x:target:animate-[fade-in_1.5s] x:mt-10 x:border-b x:pb-1 x:text-3xl nextra-border">Contact Information<a href="#contact-information" class="x:focus-visible:nextra-focus subheading-anchor" aria-label="Permalink for this section"></a></h2> <p class="x:not-first:mt-6 x:leading-7">Email: <a class="x:focus-visible:nextra-focus x:text-primary-600 x:underline x:hover:no-underline x:decoration-from-font x:[text-underline-position:from-font]" href="mailto:info@xyflow.com">info@xyflow.com</a> Internet address: <a href="https://xyflow.com" target="_blank" rel="noreferrer" class="x:focus-visible:nextra-focus x:text-primary-600 x:underline x:hover:no-underline x:decoration-from-font x:[text-underline-position:from-font]">https://xyflow.com<!-- --> <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" viewBox="0 0 24 24" height="1em" class="x:inline x:align-baseline x:shrink-0"><path d="M7 17L17 7"></path><path d="M7 7h10v10"></path></svg></a></p> <h2 id="register-entry" class="x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-semibold x:target:animate-[fade-in_1.5s] x:mt-10 x:border-b x:pb-1 x:text-3xl nextra-border">Register entry<a href="#register-entry" class="x:focus-visible:nextra-focus subheading-anchor" aria-label="Permalink for this section"></a></h2> <p class="x:not-first:mt-6 x:leading-7">Entry in: Handelsregister Register Number: HRB 165568 Register Court: Amtsgericht Berlin Charlottenburg</p> <h2 id="vat-number" class="x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-semibold x:target:animate-[fade-in_1.5s] x:mt-10 x:border-b x:pb-1 x:text-3xl nextra-border">VAT number<a href="#vat-number" class="x:focus-visible:nextra-focus subheading-anchor" aria-label="Permalink for this section"></a></h2> <p class="x:not-first:mt-6 x:leading-7">The VAT Identification Number (USt-IdNr.) according to § 27a VAT Tax Act is DE300137825 and the tax office is the Finanzamt Berlin für Körperschaften II (Germany).</p> <h2 id="disclaimer" class="x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-semibold x:target:animate-[fade-in_1.5s] x:mt-10 x:border-b x:pb-1 x:text-3xl nextra-border">Disclaimer<a href="#disclaimer" class="x:focus-visible:nextra-focus subheading-anchor" aria-label="Permalink for this section"></a></h2> <p class="x:not-first:mt-6 x:leading-7">Accountability for content The contents of our pages have been created with the utmost care. However, we cannot guarantee the contents’ accuracy, completeness or topicality. According to statutory provisions, we are furthermore responsible for our own content on these web pages. In this matter, please note that we are not obliged to monitor the transmitted or saved information of third parties, or investigate circumstances pointing to illegal activity. Our obligations to remove or block the use of information under generally applicable laws remain unaffected by this as per §§ 8 to 10 of the Telemedia Act (TMG).</p> <h2 id="accountability-for-links" class="x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-semibold x:target:animate-[fade-in_1.5s] x:mt-10 x:border-b x:pb-1 x:text-3xl nextra-border">Accountability for links<a href="#accountability-for-links" class="x:focus-visible:nextra-focus subheading-anchor" aria-label="Permalink for this section"></a></h2> <p class="x:not-first:mt-6 x:leading-7">Responsibility for the content of external links (to web pages of third parties) lies solely with the operators of the linked pages. No violations were evident to us at the time of linking. Should any legal infringement become known to us, we will remove the respective link immediately.</p> <h2 id="copyright" class="x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-semibold x:target:animate-[fade-in_1.5s] x:mt-10 x:border-b x:pb-1 x:text-3xl nextra-border">Copyright<a href="#copyright" class="x:focus-visible:nextra-focus subheading-anchor" aria-label="Permalink for this section"></a></h2> <p class="x:not-first:mt-6 x:leading-7">Our web pages and their contents are subject to German copyright law. Unless expressly permitted by law, every form of utilizing, reproducing or processing works subject to copyright protection on our web pages requires the prior consent of the respective owner of the rights. Individual reproductions of a work are only allowed for private use. The materials from these pages are copyrighted and any unauthorized use may violate copyright laws.</p></main><div class="x:mt-12 x:mb-8 x:text-xs x:text-gray-500 x:text-end x:dark:text-gray-400">Last updated on<!-- --> <time dateTime="2025-03-25T17:38:26.000Z">March 25, 2025</time></div></article></div><footer class="print:bg-transparent py-12 lg:py-18 bg-black text-white"><div class="mx-auto lg:flex x:max-w-(--nextra-content-width) pl-[max(env(safe-area-inset-left),1.5rem)] pr-[max(env(safe-area-inset-right),1.5rem)]"><div class="lg:max-w-[300px] md:max-w-[600px] lg:mr-24 shrink-0"><p class="text-light text-base leading-relaxed mb-2">Hello from the xyflow team</p><div class="font-black text-3xl tracking-tight leading-none mb-6 lg:mb-10">xyflow is building and maintaining open source software for node-based UIs since 2019.</div></div><div class="grow"><div class="flex flex-col grow h-[100%]"><div class="grid grid-cols-2 lg:grid-cols-4 grid-gap-4"><div class="mt-4 lg:mt-0"><p class="text-base leading-relaxed text-light mb-2">Projects</p><a class="block" href="https://reactflow.dev/">React Flow</a><a class="block" href="https://svelteflow.dev/">Svelte Flow</a></div><div class="mt-4 lg:mt-0"><p class="text-base leading-relaxed text-light mb-2">Social</p><a class="block" href="https://discord.gg/RVmnytFmGW">Discord</a><a class="block" href="https://github.com/xyflow">Github</a><a class="block" href="https://x.com/xyflowdev">X / Twitter</a><a class="block" href="https://bsky.app/profile/xyflow.com">Bluesky</a></div><div class="mt-4 lg:mt-0"><p class="text-base leading-relaxed text-light mb-2">xyflow</p><a class="block" href="/blog">Blog</a><a class="block" href="/open-source">Open Source</a><a class="block" href="/about">About</a><a class="block" href="/contact">Contact</a><a class="block" href="/careers"><div class="flex items-center gap-1">Careers<!-- --> <span class="bg-primary-foreground text-primary rounded-full text-xs px-1 py-0.5">hiring</span></div></a></div><div class="mt-4 lg:mt-0"><p class="text-base leading-relaxed text-light mb-2">Legal</p><a class="block" href="/terms-of-use">Terms of Use</a><a class="block" href="/ethical-standards">Ethical Standards</a><a class="block" href="/privacy">Privacy Policy</a><a class="block" href="/imprint">Imprint</a></div></div><p class="text-light pt-6 text-sm mt-auto"><a href="mailto:info@xyflow.com">info@xyflow.com</a> — Copyright © <!-- -->2025<!-- --> <a href="https://webkid.io" target="_blank">webkid GmbH</a>. All rights reserved<!-- --> <!-- -->— website design by<!-- --> <a target="_blank" href="https://facumontanaro.com/">Facu Montanaro</a></p></div></div></div></footer><script src="/_next/static/chunks/webpack-b6b46d0db14094f0.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[72499,[],\"\"]\n4:I[2671,[],\"\"]\n5:I[21292,[\"9259\",\"static/chunks/d27283b4-10726a3834f6e260.js\",\"7647\",\"static/chunks/7647-faeab8228a035449.js\",\"3219\",\"static/chunks/3219-0dba5540bace2c1b.js\",\"8008\",\"static/chunks/8008-c0b74630ec439977.js\",\"2404\",\"static/chunks/app/(content-pages)/imprint/page-99d5795e3473864b.js\"],\"TOCProvider\"]\n6:I[96876,[\"9259\",\"static/chunks/d27283b4-10726a3834f6e260.js\",\"7647\",\"static/chunks/7647-faeab8228a035449.js\",\"3219\",\"static/chunks/3219-0dba5540bace2c1b.js\",\"8008\",\"static/chunks/8008-c0b74630ec439977.js\",\"2404\",\"static/chunks/app/(content-pages)/imprint/page-99d5795e3473864b.js\"],\"Sidebar\"]\n7:I[19880,[\"9259\",\"static/chunks/d27283b4-10726a3834f6e260.js\",\"7647\",\"static/chunks/7647-faeab8228a035449.js\",\"3219\",\"static/chunks/3219-0dba5540bace2c1b.js\",\"8008\",\"static/chunks/8008-c0b74630ec439977.js\",\"2404\",\"static/chunks/app/(content-pages)/imprint/page-99d5795e3473864b.js\"],\"ClientWrapper\"]\n8:I[77967,[\"9259\",\"static/chunks/d27283b4-10726a3834f6e260.js\",\"7647\",\"static/chunks/7647-faeab8228a035449.js\",\"3219\",\"static/chunks/3219-0dba5540bace2c1b.js\",\"8008\",\"static/chunks/8008-c0b74630ec439977.js\",\"2404\",\"static/chunks/app/(content-pages)/imprint/page-99d5795e3473864b.js\"],\"HeadingAnchor\"]\n9:I[21962,[\"9259\",\"static/chunks/d27283b4-10726a3834f6e260.js\",\"7647\",\"static/chunks/7647-faeab8228a035449.js\",\"3219\",\"static/chunks/3219-0dba5540bace2c1b.js\",\"8008\",\"static/chunks/8008-c0b74630ec439977.js\",\"2404\",\"static/chunks/app/(content-pages)/imprint/page-99d5795e3473864b.js\"],\"\"]\na:I[22520,[],\"OutletBoundary\"]\nc:I[22520,[],\"MetadataBoundary\"]\ne:I[22520,[],\"ViewportBoundary\"]\n10:I[99878,[],\"\"]\n:HL[\"/_next/static/media/08c48d09be6639e0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/63429a2b6aa41def-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/8465cd5ac5565d9c-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/8e4fa9519f0b1748-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff"])</script><script>self.__next_f.push([1,"2\"}]\n:HL[\"/_next/static/css/346c8d13d90d8145.css\",\"style\"]\n:HL[\"/_next/static/css/e54dab27a5b3bf74.css\",\"style\"]\n:HL[\"/_next/static/css/f18735e2513ff455.css\",\"style\"]\n:HL[\"/_next/static/css/d60be7727a3ad5a8.css\",\"style\"]\n:HL[\"/_next/static/css/cd984326a0ca424d.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"3iQnSvC5XIPNewefNiaVl\",\"p\":\"\",\"c\":[\"\",\"imprint\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"(content-pages)\",{\"children\":[\"imprint\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/346c8d13d90d8145.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/e54dab27a5b3bf74.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/f18735e2513ff455.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/d60be7727a3ad5a8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/cd984326a0ca424d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[\"(content-pages)\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(content-pages)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"imprint\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(content-pages)\",\"children\",\"imprint\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"x:mx-auto x:flex x:max-w-(--nextra-content-width)\",\"children\":[\"$\",\"$L5\",null,{\"value\":[{\"value\":\"Legal Disclosure\",\"id\":\"legal-disclosure\",\"depth\":2},{\"value\":\"Represented by\",\"id\":\"represented-by\",\"depth\":2},{\"value\":\"Contact Information\",\"id\":\"contact-information\",\"depth\":2},{\"value\":\"Register entry\",\"id\":\"register-entry\",\"depth\":2},{\"value\":\"VAT number\",\"id\":\"vat-number\",\"depth\":2},{\"value\":\"Disclaimer\",\"id\":\"disclaimer\",\"depth\":2},{\"value\":\"Accountability for links\",\"id\":\"accountability-for-links\",\"depth\":2},{\"value\":\"Copyright\",\"id\":\"copyright\",\"depth\":2}],\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"$L7\",null,{\"metadata\":{\"title\":\"Imprint\",\"filePath\":\"src/app/(content-pages)/imprint/page.mdx\",\"timestamp\":1742924306000},\"bottomContent\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"id\":\"nextra-skip-nav\"}],[\"$\",\"main\",null,{\"data-pagefind-body\":true,\"children\":[[\"$\",\"h1\",null,{\"id\":\"$undefined\",\"className\":\"x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-bold x:mt-2 x:text-4xl\",\"children\":[\"Imprint\",\"$undefined\"]}],\"\\n\",[\"$\",\"h2\",null,{\"id\":\"legal-disclosure\",\"className\":\"x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-semibold x:target:animate-[fade-in_1.5s] x:mt-10 x:border-b x:pb-1 x:text-3xl nextra-border\",\"children\":[\"Legal Disclosure\",[\"$\",\"$L8\",null,{\"id\":\"legal-disclosure\"}]]}],\"\\n\",[\"$\",\"p\",null,{\"className\":\"x:not-first:mt-6 x:leading-7\",\"children\":\"Information in accordance with Section 5 TMG\\nwebkid GmbH\\nKohlfurter Straße 41/43\\n10999 Berlin\"}],\"\\n\",[\"$\",\"h2\",null,{\"id\":\"represented-by\",\"className\":\"x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-semibold x:target:animate-[fade-in_1.5s] x:mt-10 x:border-b x:pb-1 x:text-3xl nextra-border\",\"children\":[\"Represented by\",[\"$\",\"$L8\",null,{\"id\":\"represented-by\"}]]}],\"\\n\",[\"$\",\"p\",null,{\"className\":\"x:not-first:mt-6 x:leading-7\",\"children\":\"Moritz Klack\\nChristopher Möller\"}],\"\\n\",[\"$\",\"h2\",null,{\"id\":\"contact-information\",\"className\":\"x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-semibold x:target:animate-[fade-in_1.5s] x:mt-10 x:border-b x:pb-1 x:text-3xl nextra-border\",\"children\":[\"Contact Information\",[\"$\",\"$L8\",null,{\"id\":\"contact-information\"}]]}],\"\\n\",[\"$\",\"p\",null,{\"className\":\"x:not-first:mt-6 x:leading-7\",\"children\":[\"Email: \",[\"$\",\"$L9\",null,{\"href\":\"mailto:info@xyflow.com\",\"className\":\"x:focus-visible:nextra-focus x:text-primary-600 x:underline x:hover:no-underline x:decoration-from-font x:[text-underline-position:from-font]\",\"children\":\"info@xyflow.com\"}],\"\\nInternet address: \",[\"$\",\"a\",null,{\"href\":\"https://xyflow.com\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"x:focus-visible:nextra-focus x:text-primary-600 x:underline x:hover:no-underline x:decoration-from-font x:[text-underline-position:from-font]\",\"children\":[\"https://xyflow.com\",[\" \",[\"$\",\"svg\",null,{\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":1.7,\"viewBox\":\"0 0 24 24\",\"height\":\"1em\",\"className\":\"x:inline x:align-baseline x:shrink-0\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M7 17L17 7\"}],[\"$\",\"path\",null,{\"d\":\"M7 7h10v10\"}]]}]]]}]]}],\"\\n\",[\"$\",\"h2\",null,{\"id\":\"register-entry\",\"className\":\"x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-semibold x:target:animate-[fade-in_1.5s] x:mt-10 x:border-b x:pb-1 x:text-3xl nextra-border\",\"children\":[\"Register entry\",[\"$\",\"$L8\",null,{\"id\":\"register-entry\"}]]}],\"\\n\",[\"$\",\"p\",null,{\"className\":\"x:not-first:mt-6 x:leading-7\",\"children\":\"Entry in: Handelsregister Register Number: HRB 165568 Register Court: Amtsgericht Berlin Charlottenburg\"}],\"\\n\",[\"$\",\"h2\",null,{\"id\":\"vat-number\",\"className\":\"x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-semibold x:target:animate-[fade-in_1.5s] x:mt-10 x:border-b x:pb-1 x:text-3xl nextra-border\",\"children\":[\"VAT number\",[\"$\",\"$L8\",null,{\"id\":\"vat-number\"}]]}],\"\\n\",[\"$\",\"p\",null,{\"className\":\"x:not-first:mt-6 x:leading-7\",\"children\":\"The VAT Identification Number (USt-IdNr.) according to § 27a VAT Tax Act is DE300137825 and the tax office is the Finanzamt Berlin für Körperschaften II (Germany).\"}],\"\\n\",[\"$\",\"h2\",null,{\"id\":\"disclaimer\",\"className\":\"x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-semibold x:target:animate-[fade-in_1.5s] x:mt-10 x:border-b x:pb-1 x:text-3xl nextra-border\",\"children\":[\"Disclaimer\",[\"$\",\"$L8\",null,{\"id\":\"disclaimer\"}]]}],\"\\n\",[\"$\",\"p\",null,{\"className\":\"x:not-first:mt-6 x:leading-7\",\"children\":\"Accountability for content The contents of our pages have been created with the utmost care. However, we cannot guarantee the contents’ accuracy, completeness or topicality. According to statutory provisions, we are furthermore responsible for our own content on these web pages. In this matter, please note that we are not obliged to monitor the transmitted or saved information of third parties, or investigate circumstances pointing to illegal activity. Our obligations to remove or block the use of information under generally applicable laws remain unaffected by this as per §§ 8 to 10 of the Telemedia Act (TMG).\"}],\"\\n\",[\"$\",\"h2\",null,{\"id\":\"accountability-for-links\",\"className\":\"x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-semibold x:target:animate-[fade-in_1.5s] x:mt-10 x:border-b x:pb-1 x:text-3xl nextra-border\",\"children\":[\"Accountability for links\",[\"$\",\"$L8\",null,{\"id\":\"accountability-for-links\"}]]}],\"\\n\",[\"$\",\"p\",null,{\"className\":\"x:not-first:mt-6 x:leading-7\",\"children\":\"Responsibility for the content of external links (to web pages of third parties) lies solely with the operators of the linked pages. No violations were evident to us at the time of linking. Should any legal infringement become known to us, we will remove the respective link immediately.\"}],\"\\n\",[\"$\",\"h2\",null,{\"id\":\"copyright\",\"className\":\"x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-semibold x:target:animate-[fade-in_1.5s] x:mt-10 x:border-b x:pb-1 x:text-3xl nextra-border\",\"children\":[\"Copyright\",[\"$\",\"$L8\",null,{\"id\":\"copyright\"}]]}],\"\\n\",[\"$\",\"p\",null,{\"className\":\"x:not-first:mt-6 x:leading-7\",\"children\":\"Our web pages and their contents are subject to German copyright law. Unless expressly permitted by law, every form of utilizing, reproducing or processing works subject to copyright protection on our web pages requires the prior consent of the respective owner of the rights. Individual reproductions of a work are only allowed for private use. The materials from these pages are copyrighted and any unauthorized use may violate copyright laws.\"}]]}]]}]]}]}],null,[\"$\",\"$La\",null,{\"children\":\"$Lb\"}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"izcCiL2XjG5r7N02lyUd_\",{\"children\":[[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],[\"$\",\"$Le\",null,{\"children\":\"$Lf\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"11:I[51555,[\"9259\",\"static/chunks/d27283b4-10726a3834f6e260.js\",\"6796\",\"static/chunks/69debb3d-d663e77cf2014858.js\",\"7281\",\"static/chunks/1ea0f737-cd138e0f105c6296.js\",\"7440\",\"static/chunks/bf06e590-d8b7a60d98993ce1.js\",\"8589\",\"static/chunks/e1cb20ef-8b65f021308aac34.js\",\"7585\",\"static/chunks/6575d434-3e231a337f7ed3af.js\",\"9006\",\"static/chunks/eca16dfc-e4478ccf3b7c05d9.js\",\"7647\",\"static/chunks/7647-faeab8228a035449.js\",\"3219\",\"static/chunks/3219-0dba5540bace2c1b.js\",\"8602\",\"static/chunks/8602-0b9dae5b99f5f286.js\",\"3299\",\"static/chunks/3299-3e06dbfdac0dbdd7.js\",\"8008\",\"static/chunks/8008-c0b74630ec439977.js\",\"8334\",\"static/chunks/8334-d5c4330fac37d212.js\",\"4311\",\"static/chunks/4311-efe9b109e5cb51b2.js\",\"6472\",\"static/chunks/6472-baeac0a607d64a41.js\",\"8171\",\"static/chunks/8171-058f8dc6723f5391.js\",\"6246\",\"static/chunks/6246-7127c6fdf82d4c38.js\",\"7177\",\"static/chunks/app/layout-c71544cd5ffdc0cd.js\"],\"Html\"]\n12:I[75356,[\"6796\",\"static/chunks/69debb3d-d663e77cf2014858.js\",\"7281\",\"static/chunks/1ea0f737-cd138e0f105c6296.js\",\"7440\",\"static/chunks/bf06e590-d8b7a60d98993ce1.js\",\"8589\",\"static/chunks/e1cb20ef-8b65f021308aac34.js\",\"7647\",\"static/chunks/7647-faeab8228a035449.js\",\"3219\",\"static/chunks/3219-0dba5540bace2c1b.js\",\"8602\",\"static/chunks/8602-0b9dae5b99f5f286.js\",\"3299\",\"static/chunks/3299-3e06dbfdac0dbdd7.js\",\"8334\",\"static/chunks/8334-d5c4330fac37d212.js\",\"8171\",\"static/chunks/8171-058f8dc6723f5391.js\",\"6246\",\"static/chunks/6246-7127c6fdf82d4c38.js\",\"4345\",\"static/chunks/app/not-found-83f018e5ce2baafc.js\"],\"Fathom\"]\n2:[\"$\",\"$L11\",null,{\"children\":[[\"$\",\"head\",null,{\"children\":[\"$undefined\",[\"$\",\"style\",null,{\"children\":\":root {\\n --nextra-primary-hue: 333deg;\\n --nextra-primary-saturation: 100%;\\n --nextra-primary-lightness: 45%;\\n --nextra-bg: 250,250,250;\\n --nextra-content-width: 90rem;\\n}\\n.dark {\\n --nextra-primary-hue: 333deg;\\n --nextra-primary-saturation: 100%;\\n --nextra-primary-lightness: 55%;\\n --nextra-bg: 17,17,17;\\n}\\n::selection {\\n background: hsla(var(--nextra-primary-hue),var(--nextra"])</script><script>self.__next_f.push([1,"-primary-saturation),var(--nextra-primary-lightness),.3);\\n}\\nhtml {\\n background: rgb(var(--nextra-bg));\\n}\"}],[\"$\",\"meta\",null,{\"name\":\"theme-color\",\"media\":\"(prefers-color-scheme: light)\",\"content\":\"rgb(250,250,250)\"}],[\"$\",\"meta\",null,{\"name\":\"theme-color\",\"media\":\"(prefers-color-scheme: dark)\",\"content\":\"rgb(17,17,17)\"}],\"$undefined\"]}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L12\",null,{\"id\":\"JQTCQNLV\"}],\"$L13\"]}]]}]\n"])</script><script>self.__next_f.push([1,"14:I[29812,[\"9259\",\"static/chunks/d27283b4-10726a3834f6e260.js\",\"7647\",\"static/chunks/7647-faeab8228a035449.js\",\"3219\",\"static/chunks/3219-0dba5540bace2c1b.js\",\"8008\",\"static/chunks/8008-c0b74630ec439977.js\",\"2404\",\"static/chunks/app/(content-pages)/imprint/page-99d5795e3473864b.js\"],\"ThemeConfigProvider\"]\n15:I[18246,[\"9259\",\"static/chunks/d27283b4-10726a3834f6e260.js\",\"7647\",\"static/chunks/7647-faeab8228a035449.js\",\"3219\",\"static/chunks/3219-0dba5540bace2c1b.js\",\"8008\",\"static/chunks/8008-c0b74630ec439977.js\",\"2404\",\"static/chunks/app/(content-pages)/imprint/page-99d5795e3473864b.js\"],\"LastUpdated\"]\n16:I[48855,[\"9259\",\"static/chunks/d27283b4-10726a3834f6e260.js\",\"6796\",\"static/chunks/69debb3d-d663e77cf2014858.js\",\"7281\",\"static/chunks/1ea0f737-cd138e0f105c6296.js\",\"7440\",\"static/chunks/bf06e590-d8b7a60d98993ce1.js\",\"8589\",\"static/chunks/e1cb20ef-8b65f021308aac34.js\",\"7585\",\"static/chunks/6575d434-3e231a337f7ed3af.js\",\"9006\",\"static/chunks/eca16dfc-e4478ccf3b7c05d9.js\",\"7647\",\"static/chunks/7647-faeab8228a035449.js\",\"3219\",\"static/chunks/3219-0dba5540bace2c1b.js\",\"8602\",\"static/chunks/8602-0b9dae5b99f5f286.js\",\"3299\",\"static/chunks/3299-3e06dbfdac0dbdd7.js\",\"8008\",\"static/chunks/8008-c0b74630ec439977.js\",\"8334\",\"static/chunks/8334-d5c4330fac37d212.js\",\"4311\",\"static/chunks/4311-efe9b109e5cb51b2.js\",\"6472\",\"static/chunks/6472-baeac0a607d64a41.js\",\"8171\",\"static/chunks/8171-058f8dc6723f5391.js\",\"6246\",\"static/chunks/6246-7127c6fdf82d4c38.js\",\"7177\",\"static/chunks/app/layout-c71544cd5ffdc0cd.js\"],\"ThemeProvider\"]\n17:I[16368,[\"9259\",\"static/chunks/d27283b4-10726a3834f6e260.js\",\"7647\",\"static/chunks/7647-faeab8228a035449.js\",\"3219\",\"static/chunks/3219-0dba5540bace2c1b.js\",\"8008\",\"static/chunks/8008-c0b74630ec439977.js\",\"2404\",\"static/chunks/app/(content-pages)/imprint/page-99d5795e3473864b.js\"],\"SkipNavLink\"]\n18:I[23922,[\"9259\",\"static/chunks/d27283b4-10726a3834f6e260.js\",\"7647\",\"static/chunks/7647-faeab8228a035449.js\",\"3219\",\"static/chunks/3219-0dba5540bace2c1b.js\",\"8008\",\"static/chunks/8008-c0b74630ec439977.js\",\"240"])</script><script>self.__next_f.push([1,"4\",\"static/chunks/app/(content-pages)/imprint/page-99d5795e3473864b.js\"],\"ConfigProvider\"]\n19:I[27774,[\"6796\",\"static/chunks/69debb3d-d663e77cf2014858.js\",\"7647\",\"static/chunks/7647-faeab8228a035449.js\",\"3219\",\"static/chunks/3219-0dba5540bace2c1b.js\",\"8602\",\"static/chunks/8602-0b9dae5b99f5f286.js\",\"3299\",\"static/chunks/3299-3e06dbfdac0dbdd7.js\",\"8171\",\"static/chunks/8171-058f8dc6723f5391.js\",\"5962\",\"static/chunks/app/(content-pages)/page-4e373bf4b5174702.js\"],\"Logo\"]\n1a:I[68027,[\"9259\",\"static/chunks/d27283b4-10726a3834f6e260.js\",\"7647\",\"static/chunks/7647-faeab8228a035449.js\",\"3219\",\"static/chunks/3219-0dba5540bace2c1b.js\",\"8008\",\"static/chunks/8008-c0b74630ec439977.js\",\"2404\",\"static/chunks/app/(content-pages)/imprint/page-99d5795e3473864b.js\"],\"ClientNavbar\"]\n1b:I[96876,[\"9259\",\"static/chunks/d27283b4-10726a3834f6e260.js\",\"7647\",\"static/chunks/7647-faeab8228a035449.js\",\"3219\",\"static/chunks/3219-0dba5540bace2c1b.js\",\"8008\",\"static/chunks/8008-c0b74630ec439977.js\",\"2404\",\"static/chunks/app/(content-pages)/imprint/page-99d5795e3473864b.js\"],\"MobileNav\"]\n1c:I[22156,[\"6796\",\"static/chunks/69debb3d-d663e77cf2014858.js\",\"7281\",\"static/chunks/1ea0f737-cd138e0f105c6296.js\",\"7440\",\"static/chunks/bf06e590-d8b7a60d98993ce1.js\",\"8589\",\"static/chunks/e1cb20ef-8b65f021308aac34.js\",\"7647\",\"static/chunks/7647-faeab8228a035449.js\",\"3219\",\"static/chunks/3219-0dba5540bace2c1b.js\",\"8602\",\"static/chunks/8602-0b9dae5b99f5f286.js\",\"3299\",\"static/chunks/3299-3e06dbfdac0dbdd7.js\",\"8334\",\"static/chunks/8334-d5c4330fac37d212.js\",\"8171\",\"static/chunks/8171-058f8dc6723f5391.js\",\"6246\",\"static/chunks/6246-7127c6fdf82d4c38.js\",\"4345\",\"static/chunks/app/not-found-83f018e5ce2baafc.js\"],\"NotFoundLayout\"]\n"])</script><script>self.__next_f.push([1,"13:[\"$\",\"$L14\",null,{\"value\":{\"darkMode\":false,\"docsRepositoryBase\":\"https://github.com/xyflow/web/tree/main/sites/xyflow.com\",\"editLink\":\"Edit this page on GitHub\",\"feedback\":{\"content\":null,\"labels\":\"feedback\"},\"i18n\":[],\"lastUpdated\":[\"$\",\"$L15\",null,{}],\"navigation\":{\"next\":true,\"prev\":true},\"search\":null,\"sidebar\":{\"defaultMenuCollapseLevel\":2,\"defaultOpen\":true,\"toggleButton\":false},\"themeSwitch\":{\"dark\":\"Dark\",\"light\":\"Light\",\"system\":\"System\"},\"toc\":{\"backToTop\":null,\"extraContent\":[\"$\",\"a\",null,{\"href\":\"https://xyflow.com/contact\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"x:focus-visible:nextra-focus xy-link-gray x:text-xs x:font-medium\",\"children\":[\"Question? Give us feedback\",[\" \",[\"$\",\"svg\",null,{\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":1.7,\"viewBox\":\"0 0 24 24\",\"height\":\"1em\",\"className\":\"x:inline x:align-baseline x:shrink-0\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M7 17L17 7\"}],[\"$\",\"path\",null,{\"d\":\"M7 7h10v10\"}]]}]]]}],\"float\":true,\"title\":\"On This Page\"}},\"children\":[\"$\",\"$L16\",null,{\"attribute\":\"class\",\"defaultTheme\":\"light\",\"disableTransitionOnChange\":true,\"forcedTheme\":\"light\",\"children\":[[\"$\",\"$L17\",null,{}],\"$undefined\",[\"$\",\"$L18\",null,{\"pageMap\":[{\"data\":{\"*\":{\"type\":\"page\"},\"blog\":{\"theme\":{\"breadcrumb\":false,\"layout\":\"full\",\"pagination\":false,\"sidebar\":false,\"toc\":false}},\"about\":{\"title\":\"\"},\"open-source\":{\"title\":\"\"},\"libraries\":{\"type\":\"menu\",\"items\":{\"react-flow\":{\"href\":\"https://reactflow.dev\",\"title\":\"React Flow\"},\"svelte-flow\":{\"href\":\"https://svelteflow.dev\",\"title\":\"Svelte Flow\"}}},\"index\":{\"display\":\"hidden\"},\"careers\":{\"display\":\"hidden\"},\"contact\":{\"display\":\"hidden\"},\"ethical-standards\":{\"display\":\"hidden\",\"theme\":{\"toc\":false}},\"imprint\":{\"display\":\"hidden\"},\"privacy\":{\"display\":\"hidden\"},\"terms-of-use\":{\"display\":\"hidden\"}}},{\"name\":\"blog\",\"route\":\"/blog\",\"children\":[{\"data\":{\"*\":{\"display\":\"hidden\"}}},{\"name\":\"asking-for-money-for-open-source\",\"route\":\"/blog/asking-for-money-for-open-source\",\"frontMatter\":{\"title\":\"Dear Open Source: let’s do a better job of asking for money\",\"intro\":\"It’s common knowledge that many open source projects are underfunded. We think one reason for this is that the open source world is doing a bad job of asking for the money that it deserves. By telling the right organizations exactly why and how we want them to financially support our work, OSS projects can be compensated for more fairly, and result in a healthier open source ecosystem.\",\"date\":\"27 February 2023\",\"authors\":[\"john\"],\"tags\":[\"react-flow\",\"open source\"],\"image\":\"/img/blog/oss-pricing/donate-button-banner.png\",\"filePath\":\"src/content/asking-for-money-for-open-source.mdx\",\"timestamp\":1742924306000},\"title\":\"Dear Open Source: let’s do a better job of asking for money\"},{\"name\":\"react-flow-12-release\",\"route\":\"/blog/react-flow-12-release\",\"frontMatter\":{\"title\":\"React Flow 12 release\",\"htmlTitle\":\"React Flow 12 release\",\"description\":\"A new React Flow major release version 12 with server side rendering, computing flows, dark mode, better developer experience with TSDoc, and more\",\"intro\":\"The scoop on our latest release with Server side rendering, computing flows, dark mode, better developer experience with TSDoc, and more\",\"date\":\"9 July 2024\",\"authors\":[\"moritz\",\"john\"],\"tags\":[\"react-flow\"],\"image\":\"/img/blog/v11-reactflow-header.png\",\"filePath\":\"src/content/react-flow-12-release.mdx\",\"timestamp\":1742924306000},\"title\":\"React Flow 12 release\"},{\"name\":\"react-flow-components\",\"route\":\"/blog/react-flow-components\",\"frontMatter\":{\"title\":\"Introducing React Flow Components - powered by shadcn CLI\",\"description\":\"Some words\",\"date\":\"4 November 2024\",\"authors\":[\"hayleigh\"],\"tags\":[\"react-flow\",\"components\",\"update\"],\"image\":\"/img/blog/react-flow-components/header.png\",\"filePath\":\"src/content/react-flow-components.mdx\",\"timestamp\":1742924306000},\"title\":\"Introducing React Flow Components - powered by shadcn CLI\"},{\"name\":\"react-flow-developer-survey-2023\",\"route\":\"/blog/react-flow-developer-survey-2023\",\"frontMatter\":{\"title\":\"React Flow Developer Survey 2023 Results\",\"htmlTitle\":\"React Flow Developer Survey 2023 Results\",\"description\":\"With our end-of-the-year survey, we uncovered current pain points for React Flow users in our library and ecosystem, providing us a compass as we move forward with development.\",\"intro\":\"With our end-of-the-year survey, we uncovered current pain points for React Flow users in our library and ecosystem, providing us a compass as we move forward with development.\",\"date\":\"5 June 2024\",\"authors\":[\"john\",\"hayleigh\"],\"tags\":[\"react-flow\"],\"image\":\"/img/blog/v11-reactflow-header.png\",\"filePath\":\"src/content/react-flow-developer-survey-2023.mdx\",\"timestamp\":1742924306000},\"title\":\"React Flow Developer Survey 2023 Results\"},{\"name\":\"react-flow-fall-2022\",\"route\":\"/blog/react-flow-fall-2022\",\"frontMatter\":{\"title\":\"What’s new at React Flow - Fall 2022 🍂\",\"intro\":\"A dispatch straight from our desks about what’s happened in the last couple of months at React Flow: updates, news, and a peek behind-the-scenes.\",\"date\":\"1 November 2022\",\"authors\":[\"john\"],\"tags\":[\"react-flow\",\"update\"],\"image\":\"/img/blog/v10-header.png\",\"filePath\":\"src/content/react-flow-fall-2022.mdx\",\"timestamp\":1742924306000},\"title\":\"What’s new at React Flow - Fall 2022 🍂\"},{\"name\":\"react-flow-pro-platform-open-source\",\"route\":\"/blog/react-flow-pro-platform-open-source\",\"frontMatter\":{\"title\":\"React Flow Pro Platform goes open source\",\"intro\":\"We rebuilt the Pro Platform from the ground up and it is now open source. We hope some folks can take inspiration for their own OSS projects, and the pro subscribers enjoy the new look and features.\",\"date\":\"6 December 2023\",\"authors\":[\"christopher\",\"john\"],\"tags\":[\"react-flow\",\"open-source\"],\"image\":\"/img/blog/v11-reactflow-header.png\",\"filePath\":\"src/content/react-flow-pro-platform-open-source.mdx\",\"timestamp\":1742924306000},\"title\":\"React Flow Pro Platform goes open source\"},{\"name\":\"react-flow-v-11-5\",\"route\":\"/blog/react-flow-v-11-5\",\"frontMatter\":{\"title\":\"v11.5.0 Release\",\"intro\":\"Hello again! I am super excited to share the latest improvements of React Flow. The new auto pan features and connection radius makes it way easier to connect nodes and work with bigger flows. On top of that we improved the usability on touch devices.\",\"date\":\"26 January 2023\",\"authors\":[\"moritz\"],\"tags\":[\"react-flow\",\"update\"],\"image\":\"/img/blog/v10-header.png\",\"filePath\":\"src/content/react-flow-v-11-5.mdx\",\"timestamp\":1742924306000},\"title\":\"v11.5.0 Release\"},{\"name\":\"react-flow-v10\",\"route\":\"/blog/react-flow-v10\",\"frontMatter\":{\"title\":\"Releasing React Flow 10 and React Flow Pro\",\"intro\":\"Almost two years ago we open sourced React Flow that was built for our flow-based data processing tool Datablocks. Since then we invested more and more time in React Flow and it got a lot of traction (25k+ website visitors per month, 9k+ stars on Github, 1k+ Discord members, 100k+ weekly downloads on npm).\",\"date\":\"15 March 2022\",\"authors\":[\"moritz\",\"christopher\"],\"tags\":[\"react-flow\",\"release\"],\"image\":\"/img/blog/v10-header.png\",\"filePath\":\"src/content/react-flow-v10.mdx\",\"timestamp\":1742924306000},\"title\":\"Releasing React Flow 10 and React Flow Pro\"},{\"name\":\"react-flow-v11\",\"route\":\"/blog/react-flow-v11\",\"frontMatter\":{\"title\":\"React Flow 11 Release\",\"intro\":\"A lot has happened since we published our last blog post six months ago. We got our first pro subscribers, we hired John who helps us with the docs, communication and community and we are all working full time on React Flow 🥳. Today we are releasing a new major version with lots of new features and very few breaking changes.\",\"date\":\"28 September 2022\",\"authors\":[\"moritz\"],\"tags\":[\"react-flow\",\"release\"],\"filePath\":\"src/content/react-flow-v11.mdx\",\"timestamp\":1742924306000},\"title\":\"React Flow 11 Release\"},{\"name\":\"react-flow-winter-2022\",\"route\":\"/blog/react-flow-winter-2022\",\"frontMatter\":{\"title\":\"v11.4.0, design-tool components, an awesome list, and new examples\",\"intro\":\"Hey! We wanted to share an update about what we’ve been up to before we wrap ourselves up in blankets to hibernate until the new year (we’ll be shutting our laptops from today until January 2nd ⛄). Let’s get into what’s been up the past few months, what’s coming, and what we’re excited about right now.\",\"date\":\"19 December 2022\",\"authors\":[\"john\"],\"tags\":[\"react-flow\",\"update\"],\"image\":\"/img/blog/v10-header.png\",\"filePath\":\"src/content/react-flow-winter-2022.mdx\",\"timestamp\":1742924306000},\"title\":\"v11.4.0, design-tool components, an awesome list, and new examples\"},{\"name\":\"reactflow-npm-package-name\",\"route\":\"/blog/reactflow-npm-package-name\",\"frontMatter\":{\"title\":\"How we lost our slick new npm package name (and then got it back)\",\"intro\":\"In 2019 we started building a library for building node based UIs, and decided to call it “React Flow.” It’s a nice name, so of course “reactflow” and “react-flow” were already taken. The best option we had for us was “react-flow-renderer,” so we took what we could get.\",\"date\":\"16 November 2022\",\"authors\":[\"moritz\"],\"tags\":[\"react-flow\",\"npm\"],\"image\":\"/img/blog/v10-header.png\",\"filePath\":\"src/content/reactflow-npm-package-name.mdx\",\"timestamp\":1742924306000},\"title\":\"How we lost our slick new npm package name (and then got it back)\"},{\"name\":\"spring-update-2023\",\"route\":\"/blog/spring-update-2023\",\"frontMatter\":{\"title\":\"Team update – v11.6.0, Hayleigh is here, and talking about money\",\"intro\":\"To kick it off, v11.5.0 was released! 🎉 It comes with Auto pan, snappy connections, error handling, the NodeResizer component, and more goodies that I won’t get into here, because there’s already a write-up about the release by Moritz.\",\"date\":\"23 March 2023\",\"authors\":[\"john\"],\"tags\":[\"react-flow\",\"update\"],\"image\":\"/img/blog/v10-header.png\",\"filePath\":\"src/content/spring-update-2023.mdx\",\"timestamp\":1742924306000},\"title\":\"Team update – v11.6.0, Hayleigh is here, and talking about money\"},{\"name\":\"spring-update-2025\",\"route\":\"/blog/spring-update-2025\",\"frontMatter\":{\"title\":\"Flowing into Spring: Library, Docs \u0026 Community Updates\",\"intro\":\"A lot has happened in the last few months. In this update, we’ll give you an overview of what we’ve been working on—and what’s coming next.\",\"date\":\"24 March 2025\",\"authors\":[\"moritz\",\"abbey\"],\"tags\":[\"react-flow\",\"update\"],\"image\":\"/img/blog/v10-header.png\",\"filePath\":\"src/content/spring-update-2025.mdx\",\"timestamp\":1742924306000},\"title\":\"Flowing into Spring: Library, Docs \u0026 Community Updates\"},{\"name\":\"svelte-flow-alpha-xyflow\",\"route\":\"/blog/svelte-flow-alpha-xyflow\",\"frontMatter\":{\"title\":\"Team Update – Welcoming Peter, Svelte Flow alpha and v11.9.0\",\"intro\":\"Try out the Svelte Flow alpha, many fixed React Flow bugs, our name will change to “xyflow” soon, and we're welcoming Peter to the core team.\",\"date\":\"26 September 2023\",\"authors\":[\"john\"],\"tags\":[\"react-flow\",\"update\"],\"image\":\"/img/blog/v11-reactflow-header.png\",\"filePath\":\"src/content/svelte-flow-alpha-xyflow.mdx\",\"timestamp\":1742924306000},\"title\":\"Team Update – Welcoming Peter, Svelte Flow alpha and v11.9.0\"},{\"name\":\"svelte-flow-launch\",\"route\":\"/blog/svelte-flow-launch\",\"frontMatter\":{\"title\":\"Svelte Flow – a library for rendering interactive node-based UIs\",\"intro\":\"Today we are excited to launch Svelte Flow, a library for creating workflow builders, database visualizers, data processing tools, and more.\",\"date\":\"1 November 2023\",\"authors\":[\"john\"],\"tags\":[\"react-flow\",\"update\"],\"image\":\"/img/blog/v11-reactflow-header.png\",\"filePath\":\"src/content/svelte-flow-launch.mdx\",\"timestamp\":1742924306000},\"title\":\"Svelte Flow – a library for rendering interactive node-based UIs\"},{\"name\":\"update-react-flow-12-svelte-flow-1\",\"route\":\"/blog/update-react-flow-12-svelte-flow-1\",\"frontMatter\":{\"title\":\"Team Update – React Flow 12, Svelte Flow for Svelte 5, editable edges\",\"intro\":\"Let’s get into React Flow 12, Svelte Flow 1.0.0 in Svelte 5, a user survey, editable edges, and investigating our team’s working rhythm.\",\"date\":\"29 April 2024\",\"authors\":[\"john\"],\"tags\":[\"update\"],\"image\":\"/img/blog/v11-reactflow-header.png\",\"filePath\":\"src/content/update-react-flow-12-svelte-flow-1.mdx\",\"timestamp\":1742924306000},\"title\":\"Team Update – React Flow 12, Svelte Flow for Svelte 5, editable edges\"},{\"name\":\"why-svelte-flow\",\"route\":\"/blog/why-svelte-flow\",\"frontMatter\":{\"title\":\"Why Svelte Flow?\",\"htmlTitle\":\"Why \u003cspan style=\\\"font-style: italic;\\\"\u003eSvelte\u003c/span\u003e Flow?\",\"intro\":\"We receive so many requests of people asking if React Flow will be ported to their favorite front-end framework, and we stuck with React until now.\",\"date\":\"15 November 2023\",\"authors\":[\"moritz\",\"john\"],\"tags\":[\"svelte-flow\"],\"image\":\"/img/blog/2023-why-svelte/svelteflow.png\",\"imageWidth\":1200,\"imageHeight\":640,\"filePath\":\"src/content/why-svelte-flow.mdx\",\"timestamp\":1742924306000},\"title\":\"Why Svelte Flow?\"}],\"frontMatter\":{\"asIndexPage\":true,\"title\":\"Blog\",\"description\":\"All the latest news and updates from React Flow and Svelte Flow\"},\"title\":\"Blog\"},{\"name\":\"about\",\"route\":\"/about\",\"frontMatter\":{\"title\":\"About Us\",\"description\":\"Get to know the team behind xyflow, React Flow, and Svelte Flow.\"},\"title\":\"About Us\"},{\"name\":\"open-source\",\"route\":\"/open-source\",\"frontMatter\":{\"title\":\"Open Source\",\"description\":\"At xyflow we're committed to open source. We believe that the best way to build software is in the open.\"},\"title\":\"Open Source\"},{\"name\":\"libraries\",\"type\":\"menu\",\"items\":\"$13:props:children:props:children:2:props:pageMap:0:data:libraries:items\",\"title\":\"Libraries\"},{\"name\":\"index\",\"route\":\"/\",\"frontMatter\":{\"title\":\"Node-Based UIs for React and Svelte\",\"description\":\"Powerful open source libraries for building node-based UIs with React or Svelte. Ready out-of-the-box and infinitely customizable.\"},\"title\":\"Node-Based UIs for React and Svelte\"},{\"name\":\"careers\",\"route\":\"/careers\",\"frontMatter\":{\"title\":\"Careers\",\"description\":\"Keep up to date with our open jobs and opportunities.\"},\"title\":\"Careers\"},{\"name\":\"contact\",\"route\":\"/contact\",\"frontMatter\":{\"title\":\"Contact Us\",\"description\":\"Got questions about xyflow or any of our libraries? Here's how to reach us.\"},\"title\":\"Contact Us\"},{\"name\":\"ethical-standards\",\"route\":\"/ethical-standards\",\"frontMatter\":{\"description\":\"Subscribers of our Pro platform must adhere to our ethical standards.\",\"title\":\"Ethical Standards\",\"filePath\":\"src/app/(content-pages)/ethical-standards/page.mdx\",\"timestamp\":1742924306000},\"title\":\"Ethical Standards\"},{\"name\":\"imprint\",\"route\":\"/imprint\",\"frontMatter\":{\"title\":\"Imprint\",\"filePath\":\"src/app/(content-pages)/imprint/page.mdx\",\"timestamp\":1742924306000},\"title\":\"Imprint\"},{\"name\":\"privacy\",\"route\":\"/privacy\",\"frontMatter\":{\"title\":\"Privacy Policy\",\"filePath\":\"src/app/(content-pages)/privacy/page.mdx\",\"timestamp\":1742924306000},\"title\":\"Privacy Policy\"},{\"name\":\"terms-of-use\",\"route\":\"/terms-of-use\",\"frontMatter\":{\"title\":\"Terms of Use\",\"filePath\":\"src/app/(content-pages)/terms-of-use/page.mdx\",\"timestamp\":1742924306000},\"title\":\"Terms of Use\"}],\"navbar\":[\"$\",\"header\",null,{\"className\":\"nextra-navbar x:sticky x:top-0 x:z-30 x:w-full x:bg-transparent x:print:hidden x:max-md:[.nextra-banner:not([class$=hidden])~\u0026]:top-(--nextra-banner-height)\",\"children\":[[\"$\",\"div\",null,{\"className\":\"nextra-navbar-blur x:absolute x:-z-1 x:size-full nextra-border x:border-b x:backdrop-blur-md x:bg-nextra-bg/70\"}],[\"$\",\"nav\",null,{\"style\":{\"height\":\"var(--nextra-navbar-height)\"},\"className\":\"x:mx-auto x:flex x:max-w-(--nextra-content-width) x:items-center x:gap-4 x:pl-[max(env(safe-area-inset-left),1.5rem)] x:pr-[max(env(safe-area-inset-right),1.5rem)] x:justify-end\",\"children\":[[\"$\",\"div\",null,{\"className\":\"x:flex x:items-center x:max-md:me-auto\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex space-x-2 items-center\",\"children\":[[\"$\",\"$L9\",null,{\"className\":\"flex space-x-2 items-center\",\"href\":\"/\",\"children\":[[\"$\",\"$L19\",null,{\"className\":\"h-9 w-9\"}],[\"$\",\"p\",null,{\"className\":\"font-black text-xl leading-none\",\"ref\":\"$undefined\",\"children\":\"xyflow\"}]]}],[\"$\",\"$L9\",null,{\"className\":\"max-md:hidden bg-primary rounded-full px-2 font-bold text-primary-foreground text-sm hover:opacity-80\",\"href\":\"/careers\",\"children\":\"hiring\"}]]}]}],[\"$\",\"$L1a\",null,{\"className\":\"x:me-auto\",\"children\":[\"$undefined\",\"$undefined\",[\"$\",\"$L9\",null,{\"className\":\"inline-flex items-center justify-center rounded-full text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background shadow-md font-bold bg-primary text-primary-foreground hover:bg-primary/80 py-2 h-9 px-6 shrink-0\",\"href\":\"/contact\",\"children\":\"Contact Us\",\"ref\":null}]]}]]}]]}],\"footer\":[\"$\",\"footer\",null,{\"className\":\"print:bg-transparent py-12 lg:py-18 bg-black text-white\",\"ref\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto lg:flex x:max-w-(--nextra-content-width) pl-[max(env(safe-area-inset-left),1.5rem)] pr-[max(env(safe-area-inset-right),1.5rem)]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"lg:max-w-[300px] md:max-w-[600px] lg:mr-24 shrink-0\",\"children\":[[[\"$\",\"p\",null,{\"className\":\"text-light text-base leading-relaxed mb-2\",\"ref\":\"$undefined\",\"children\":\"Hello from the xyflow team\"}],[\"$\",\"div\",null,{\"className\":\"font-black text-3xl tracking-tight leading-none mb-6 lg:mb-10\",\"children\":\"xyflow is building and maintaining open source software for node-based UIs since 2019.\"}]],\"$undefined\"]}],[\"$\",\"div\",null,{\"className\":\"grow\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col grow h-[100%]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 lg:grid-cols-4 grid-gap-4\",\"children\":[[\"$\",\"div\",\"Projects\",{\"className\":\"mt-4 lg:mt-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-base leading-relaxed text-light mb-2\",\"ref\":\"$undefined\",\"children\":\"Projects\"}],[[\"$\",\"$L9\",\"https://reactflow.dev/\",{\"href\":\"https://reactflow.dev/\",\"className\":\"block\",\"children\":\"React Flow\"}],[\"$\",\"$L9\",\"https://svelteflow.dev/\",{\"href\":\"https://svelteflow.dev/\",\"className\":\"block\",\"children\":\"Svelte Flow\"}]]]}],[\"$\",\"div\",\"Social\",{\"className\":\"mt-4 lg:mt-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-base leading-relaxed text-light mb-2\",\"ref\":\"$undefined\",\"children\":\"Social\"}],[[\"$\",\"$L9\",\"https://discord.gg/RVmnytFmGW\",{\"href\":\"https://discord.gg/RVmnytFmGW\",\"className\":\"block\",\"children\":\"Discord\"}],[\"$\",\"$L9\",\"https://github.com/xyflow\",{\"href\":\"https://github.com/xyflow\",\"className\":\"block\",\"children\":\"Github\"}],[\"$\",\"$L9\",\"https://x.com/xyflowdev\",{\"href\":\"https://x.com/xyflowdev\",\"className\":\"block\",\"children\":\"X / Twitter\"}],[\"$\",\"$L9\",\"https://bsky.app/profile/xyflow.com\",{\"href\":\"https://bsky.app/profile/xyflow.com\",\"className\":\"block\",\"children\":\"Bluesky\"}]]]}],[\"$\",\"div\",\"xyflow\",{\"className\":\"mt-4 lg:mt-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-base leading-relaxed text-light mb-2\",\"ref\":\"$undefined\",\"children\":\"xyflow\"}],[[\"$\",\"$L9\",\"https://xyflow.com/blog\",{\"href\":\"/blog\",\"className\":\"block\",\"children\":\"Blog\"}],[\"$\",\"$L9\",\"https://xyflow.com/open-source\",{\"href\":\"/open-source\",\"className\":\"block\",\"children\":\"Open Source\"}],[\"$\",\"$L9\",\"https://xyflow.com/about\",{\"href\":\"/about\",\"className\":\"block\",\"children\":\"About\"}],[\"$\",\"$L9\",\"https://xyflow.com/contact\",{\"href\":\"/contact\",\"className\":\"block\",\"children\":\"Contact\"}],[\"$\",\"$L9\",\"https://xyflow.com/careers\",{\"href\":\"/careers\",\"className\":\"block\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1\",\"children\":[\"Careers\",\" \",[\"$\",\"span\",null,{\"className\":\"bg-primary-foreground text-primary rounded-full text-xs px-1 py-0.5\",\"children\":\"hiring\"}]]}]}]]]}],[\"$\",\"div\",\"Legal\",{\"className\":\"mt-4 lg:mt-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-base leading-relaxed text-light mb-2\",\"ref\":\"$undefined\",\"children\":\"Legal\"}],[[\"$\",\"$L9\",\"https://xyflow.com/terms-of-use\",{\"href\":\"/terms-of-use\",\"className\":\"block\",\"children\":\"Terms of Use\"}],[\"$\",\"$L9\",\"https://xyflow.com/ethical-standards\",{\"href\":\"/ethical-standards\",\"className\":\"block\",\"children\":\"Ethical Standards\"}],[\"$\",\"$L9\",\"https://xyflow.com/privacy\",{\"href\":\"/privacy\",\"className\":\"block\",\"children\":\"Privacy Policy\"}],[\"$\",\"$L9\",\"https://xyflow.com/imprint\",{\"href\":\"/imprint\",\"className\":\"block\",\"children\":\"Imprint\"}]]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-light pt-6 text-sm mt-auto\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"a\",null,{\"href\":\"mailto:info@xyflow.com\",\"children\":\"info@xyflow.com\"}],\" — Copyright © \",2025,\" \",[\"$\",\"a\",null,{\"href\":\"https://webkid.io\",\"target\":\"_blank\",\"children\":\"webkid GmbH\"}],\". All rights reserved\",[\" \",\"— website design by\",\" \",[\"$\",\"a\",null,{\"target\":\"_blank\",\"href\":\"https://facumontanaro.com/\",\"children\":\"Facu Montanaro\"}]]]}]]}]}]]}]}],\"children\":[[\"$\",\"$L1b\",null,{}],[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[],[\"$\",\"$L1c\",null,{}]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]]}]}]\n"])</script><script>self.__next_f.push([1,"f:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"1\",{\"children\":\"Imprint - xyflow\"}],[\"$\",\"meta\",\"2\",{\"name\":\"description\",\"content\":\"xyflow - Open source libraries for creating interactive workflows, dynamic diagrams and custom node-based UIs.\"}],[\"$\",\"meta\",\"3\",{\"name\":\"application-name\",\"content\":\"xyflow\"}],[\"$\",\"meta\",\"4\",{\"name\":\"generator\",\"content\":\"Next.js\"}],[\"$\",\"meta\",\"5\",{\"name\":\"keywords\",\"content\":\"xyflow,node-based UI,graph,diagram,workflow,react-flow,svelte-flow,react,svelte\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index,follow\"}],[\"$\",\"link\",\"7\",{\"rel\":\"canonical\",\"href\":\"https://xyflow.com/imprint\"}],[\"$\",\"meta\",\"8\",{\"name\":\"mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"9\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"xyflow\"}],[\"$\",\"meta\",\"10\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"default\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:title\",\"content\":\"Imprint - xyflow\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:description\",\"content\":\"xyflow - Open source libraries for creating interactive workflows, dynamic diagrams and custom node-based UIs.\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:url\",\"content\":\"https://xyflow.com/imprint\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:site_name\",\"content\":\"xyflow\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:type\",\"content\":\"image/jpeg\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:image:height\",\"content\":\"640\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image\",\"content\":\"https://xyflow.com/opengraph-image.jpg?1a087ad6628a3c36\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:site\",\"content\":\"https://x.com/xyflowdev\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:creator\",\"content\":\"@xyflowdev\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:title\",\"content\":\"Imprint - xyflow\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:description\",\"content\":\"xyflow - Open source libraries for creating interactive workflows, dynamic diagrams and custom node-based UIs.\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:image:type\",\"content\":\"image/jpeg\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:image:height\",\"content\":\"640\"}],[\"$\",\"meta\",\"29\",{\"name\":\"twitter:image\",\"content\":\"https://xyflow.com/opengraph-image.jpg?1a087ad6628a3c36\"}],[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"256x256\"}],[\"$\",\"link\",\"31\",{\"rel\":\"icon\",\"href\":\"/icon.svg?243a142a0a787f15\",\"type\":\"image/svg+xml\",\"sizes\":\"any\"}],[\"$\",\"link\",\"32\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png?73bbc5751dfb45ee\",\"type\":\"image/png\",\"sizes\":\"180x180\"}]]\n"])</script><script>self.__next_f.push([1,"b:null\n"])</script></body></html>