CINXE.COM

<!DOCTYPE html><html lang="en" class="__className_12d8d1"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><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/b899a48d5a357746.css" crossorigin="" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0800831c3444ca69.css" crossorigin="" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-c22e25fbd0621b54.js" crossorigin=""/><script src="/_next/static/chunks/4841dddb-546dc2ca60ca322f.js" async="" crossorigin=""></script><script src="/_next/static/chunks/614-5ce2632ce0be07eb.js" async="" crossorigin=""></script><script src="/_next/static/chunks/main-app-3fb85fbc2afe5afd.js" async="" crossorigin=""></script><script src="/_next/static/chunks/659-b7f662965d7c3044.js" async=""></script><script src="/_next/static/chunks/414-50420c2e2b22d537.js" async=""></script><script src="/_next/static/chunks/914-73cab0343d1772df.js" async=""></script><script src="/_next/static/chunks/175-bd451476fcd8a00d.js" async=""></script><script src="/_next/static/chunks/838-d86529eaee865687.js" async=""></script><script src="/_next/static/chunks/app/layout-9f19ac6ab8fc83f3.js" async=""></script><script src="/_next/static/chunks/452-ef31b7e4fdd1403d.js" async=""></script><script src="/_next/static/chunks/app/(auth)/signup/page-54355dbbf5199370.js" async=""></script><script src="/_next/static/chunks/app/(auth)/layout-af98779d771ff49f.js" async=""></script><title>React Flow Pro</title><meta name="description" content="Build Better Node-Based UIs with React Flow. By subscribing to React Flow Pro you are securing the maintanance and development of our open source libraries."/><meta name="next-size-adjust"/><script src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js" crossorigin="" noModule=""></script></head><body class="bg-white"><div class="bg-white"><div class="bg-white relative border-b px-4 top-0"><div class="flex items-center justify-between py-3 max-w-7xl mx-auto"><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"><span class="flex items-center"><span>React Flow</span><span class="bg-pink-100 text-xs rounded-full text-primary px-1 py-0.5 ml-1">Pro</span></span></p></a><div class="h-[40px] flex items-center"><div class="flex gap-x-4"><a class="hidden sm:block shrink-0" href="/signin"><button 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 underline-offset-4 hover:underline text-primary shadow-none !px-0 py-2 h-9 px-6 font-bold">Sign In</button></a><a class="shrink-0" href="/signup"><button 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">Sign Up</button></a></div></div></div></div><div class="p-4 relative min-h-[calc(100vh-200px)]"><div class="relative h-full"><div class="absolute opacity-10 w-full h-[70vh] left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none z-10" style="background:radial-gradient(rgba(68,91,222,1) 0%, rgba(215,78,243,1) 25%, rgba(255,255,255,1) 50%)"></div><div class="max-w-6xl mx-auto pt-10 mb-20"><template data-dgst="NEXT_DYNAMIC_NO_SSR_CODE"></template><div class="flex mt-10"><div class="hidden lg:block flex-1 max-w-xl mt-6 relative p-4"><h1 class="tracking-[-0.02rem] text-5xl lg:text-6xl leading mb-4 font-black">Build Better Node-Based UIs with <span class="text-react">React Flow</span></h1><p class="text-lg leading-tight">By subscribing to React Flow Pro you are securing the maintenance and development of our open source libraries.</p></div><div class="flex flex-1 flex-col items-center z-20"><div class="rounded-3xl border bg-card text-card-foreground shadow-sm overflow-hidden max-w-sm w-full"><div class="flex flex-col space-y-1.5 p-6"><h3 class="text-2xl font-black leading-none tracking-tight">Sign Up</h3><p class="text-muted-foreground">Enter your email and password to create an account.</p></div><div class="p-6 pt-0"><form><div class="mb-2"><label class="mb-1 block text-sm font-bold text-gray-800" for="email">Email</label><input class="px-4 py-2 border-solid border border-gray-300 rounded-lg w-full" id="email" type="email" autoComplete="on" placeholder="Email" required="" value=""/></div><div class="mb-4"><label class="mb-1 block text-sm font-bold text-gray-800" for="password">Password</label><input class="px-4 py-2 border-solid border border-gray-300 rounded-lg w-full" id="password" type="password" placeholder="Password" required="" value=""/><div class="text-light text-sm mt-2">By signing up, you agree to our <a class="text-primary hover:underline" href="https://www.xyflow.com/terms-of-use">Terms of Use</a> and <a class="text-primary hover:underline" href="https://www.xyflow.com/privacy">Privacy Policy</a>.</div></div><button class="inline-flex items-center justify-center 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-react text-react-foreground hover:bg-react/90 px-6 h-10 text-md rounded-full w-full mt-2" type="submit">Sign Up</button></form><div class="relative flex py-3 items-center"><div class="flex-grow border-t border-slate-200"></div><span class="flex-shrink mx-4 text-muted-foreground">or</span><div class="flex-grow border-t border-slate-200"></div></div><div><a href="https://fdsuchqhfchojqpemwyn.auth.eu-central-1.nhost.run/v1/signin/provider/github?metadata=%7B%7D"><button class="inline-flex items-center justify-center 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 border border-input hover:bg-accent hover:text-accent-foreground px-6 h-10 text-md rounded-full w-full">Sign in with Github</button></a></div></div></div><div class="flex flex-col space-y-2 mt-5"><div class="flex items-center space-x-1 hover:text-slate-800 text-muted-foreground text-sm font-bold cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="h-4 w-4"><path fill-rule="evenodd" d="M2 10a.75.75 0 01.75-.75h12.59l-2.1-1.95a.75.75 0 111.02-1.1l3.5 3.25a.75.75 0 010 1.1l-3.5 3.25a.75.75 0 11-1.02-1.1l2.1-1.95H2.75A.75.75 0 012 10z" clip-rule="evenodd"></path></svg><a href="/signin">Already have an account? Sign In</a></div></div></div></div></div></div></div><footer class="print:bg-transparent py-12 lg:py-18 bg-slate-100 text-black"><div class="mx-auto lg:flex max-w-[90rem] 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">A project by the xyflow team</p><div class="font-black text-3xl tracking-tight leading-none mb-6 lg:mb-10">We are 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">React Flow Pro</p><a class="block" href="/">Dashboard</a><a class="block" href="/signin">Sign In</a><a class="block" href="/signup">Sign Up</a><a class="block" href="/reset-password">Reset Password</a></div><div class="mt-4 lg:mt-0"><p class="text-base leading-relaxed text-light mb-2">More Info</p><a class="block" href="https://reactflow.dev/pro">Pricing</a><a class="block" href="https://reactflow.dev/pro/examples">Pro Examples</a><a class="block" href="https://reactflow.dev/pro/case-studies">Case Studies</a><a class="block" href="https://reactflow.dev/pro/enterprise">Enterprise</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="https://xyflow.com/contact">Contact Us</a><a class="block" href="https://xyflow.com/blog">Blog</a><a class="block" href="https://xyflow.com/about">About</a><a class="block" href="https://xyflow.com/open-source">Open Source</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="https://xyflow.com/terms-of-use">Terms of Use</a><a class="block" href="https://xyflow.com/ethical-standards">Ethical Standards</a><a class="block" href="https://xyflow.com/privacy">Privacy Policy</a><a class="block" href="https://xyflow.com/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.</p></div></div></div></footer></div><template data-dgst="NEXT_DYNAMIC_NO_SSR_CODE"></template><script src="/_next/static/chunks/webpack-c22e25fbd0621b54.js" crossorigin="" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/media/63429a2b6aa41def-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/media/8465cd5ac5565d9c-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/_next/static/media/8e4fa9519f0b1748-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n4:HL[\"/_next/static/css/b899a48d5a357746.css\",\"style\",{\"crossOrigin\":\"\"}]\n0:\"$L5\"\n"])</script><script>self.__next_f.push([1,"6:HL[\"/_next/static/css/0800831c3444ca69.css\",\"style\",{\"crossOrigin\":\"\"}]\n"])</script><script>self.__next_f.push([1,"7:I[99532,[],\"\"]\n9:I[89374,[],\"\"]\na:I[91566,[\"659\",\"static/chunks/659-b7f662965d7c3044.js\",\"414\",\"static/chunks/414-50420c2e2b22d537.js\",\"914\",\"static/chunks/914-73cab0343d1772df.js\",\"175\",\"static/chunks/175-bd451476fcd8a00d.js\",\"838\",\"static/chunks/838-d86529eaee865687.js\",\"185\",\"static/chunks/app/layout-9f19ac6ab8fc83f3.js\"],\"\"]\nb:I[68849,[\"659\",\"static/chunks/659-b7f662965d7c3044.js\",\"414\",\"static/chunks/414-50420c2e2b22d537.js\",\"914\",\"static/chunks/914-73cab0343d1772df.js\",\"175\",\"static/chunks/175-bd451"])</script><script>self.__next_f.push([1,"476fcd8a00d.js\",\"838\",\"static/chunks/838-d86529eaee865687.js\",\"185\",\"static/chunks/app/layout-9f19ac6ab8fc83f3.js\"],\"\"]\nc:I[56926,[\"659\",\"static/chunks/659-b7f662965d7c3044.js\",\"414\",\"static/chunks/414-50420c2e2b22d537.js\",\"914\",\"static/chunks/914-73cab0343d1772df.js\",\"175\",\"static/chunks/175-bd451476fcd8a00d.js\",\"452\",\"static/chunks/452-ef31b7e4fdd1403d.js\",\"129\",\"static/chunks/app/(auth)/signup/page-54355dbbf5199370.js\"],\"LogoLabel\"]\nd:I[58658,[\"659\",\"static/chunks/659-b7f662965d7c3044.js\",\"414\",\"static/c"])</script><script>self.__next_f.push([1,"hunks/414-50420c2e2b22d537.js\",\"914\",\"static/chunks/914-73cab0343d1772df.js\",\"175\",\"static/chunks/175-bd451476fcd8a00d.js\",\"838\",\"static/chunks/838-d86529eaee865687.js\",\"185\",\"static/chunks/app/layout-9f19ac6ab8fc83f3.js\"],\"\"]\ne:I[93122,[],\"\"]\nf:I[27308,[],\"\"]\n10:I[62212,[\"659\",\"static/chunks/659-b7f662965d7c3044.js\",\"414\",\"static/chunks/414-50420c2e2b22d537.js\",\"914\",\"static/chunks/914-73cab0343d1772df.js\",\"175\",\"static/chunks/175-bd451476fcd8a00d.js\",\"452\",\"static/chunks/452-ef31b7e4fdd1403d.js\",\"129\",\"st"])</script><script>self.__next_f.push([1,"atic/chunks/app/(auth)/signup/page-54355dbbf5199370.js\"],\"\"]\n11:\"$Sreact.suspense\"\n12:I[9631,[\"659\",\"static/chunks/659-b7f662965d7c3044.js\",\"414\",\"static/chunks/414-50420c2e2b22d537.js\",\"914\",\"static/chunks/914-73cab0343d1772df.js\",\"175\",\"static/chunks/175-bd451476fcd8a00d.js\",\"695\",\"static/chunks/app/(auth)/layout-af98779d771ff49f.js\"],\"\"]\n14:I[38607,[\"659\",\"static/chunks/659-b7f662965d7c3044.js\",\"414\",\"static/chunks/414-50420c2e2b22d537.js\",\"914\",\"static/chunks/914-73cab0343d1772df.js\",\"175\",\"static/chunk"])</script><script>self.__next_f.push([1,"s/175-bd451476fcd8a00d.js\",\"452\",\"static/chunks/452-ef31b7e4fdd1403d.js\",\"129\",\"static/chunks/app/(auth)/signup/page-54355dbbf5199370.js\"],\"ExpiredTokenNotification\"]\n15:I[20546,[\"659\",\"static/chunks/659-b7f662965d7c3044.js\",\"414\",\"static/chunks/414-50420c2e2b22d537.js\",\"914\",\"static/chunks/914-73cab0343d1772df.js\",\"175\",\"static/chunks/175-bd451476fcd8a00d.js\",\"452\",\"static/chunks/452-ef31b7e4fdd1403d.js\",\"129\",\"static/chunks/app/(auth)/signup/page-54355dbbf5199370.js\"],\"\"]\n16:I[75334,[\"659\",\"static/chunks/"])</script><script>self.__next_f.push([1,"659-b7f662965d7c3044.js\",\"414\",\"static/chunks/414-50420c2e2b22d537.js\",\"914\",\"static/chunks/914-73cab0343d1772df.js\",\"175\",\"static/chunks/175-bd451476fcd8a00d.js\",\"452\",\"static/chunks/452-ef31b7e4fdd1403d.js\",\"129\",\"static/chunks/app/(auth)/signup/page-54355dbbf5199370.js\"],\"\"]\n17:I[6283,[\"659\",\"static/chunks/659-b7f662965d7c3044.js\",\"414\",\"static/chunks/414-50420c2e2b22d537.js\",\"914\",\"static/chunks/914-73cab0343d1772df.js\",\"175\",\"static/chunks/175-bd451476fcd8a00d.js\",\"838\",\"static/chunks/838-d86529eaee865"])</script><script>self.__next_f.push([1,"687.js\",\"185\",\"static/chunks/app/layout-9f19ac6ab8fc83f3.js\"],\"\"]\n"])</script><script>self.__next_f.push([1,"5:[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/b899a48d5a357746.css\",\"precedence\":\"next\",\"crossOrigin\":\"\"}]],[\"$\",\"$L7\",null,{\"buildId\":\"9mrcUeXK49HHITwOzMhqV\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/signup\",\"initialTree\":[\"\",{\"children\":[\"(auth)\",{\"children\":[\"signup\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],\"initialHead\":[false,\"$L8\"],\"globalErrorComponent\":\"$9\",\"children\":[null,[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__className_12d8d1\",\"children\":[\"$\",\"body\",null,{\"className\":\"bg-white\",\"children\":[[\"$\",\"$La\",null,{\"children\":[\"$\",\"$Lb\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"bg-white\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-white relative border-b px-4 top-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between py-3 max-w-7xl mx-auto\",\"children\":[[\"$\",\"$Lc\",null,{\"label\":[\"$\",\"span\",null,{\"className\":\"flex items-center\",\"children\":[[\"$\",\"span\",null,{\"children\":\"React Flow\"}],[\"$\",\"span\",null,{\"className\":\"bg-pink-100 text-xs rounded-full text-primary px-1 py-0.5 ml-1\",\"children\":\"Pro\"}]]}]}],[\"$\",\"$Ld\",null,{}]]}]}],[\"$\",\"div\",null,{\"className\":\"p-4 relative min-h-[calc(100vh-200px)]\",\"children\":[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"loadingScripts\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"div\",null,{\"className\":\"mx-auto my-8 max-w-xl text-center\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"tracking-[-0.02rem] text-5xl lg:text-6xl leading mb-6 font-black\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-react\",\"children\":\"404\"}],\" Page Not Found\"]}],[\"$\",\"p\",null,{\"className\":\"text-lg leading-tight\",\"children\":\"We could not find the page you were looking for. Please check the URL or go back to the homepage.\"}],[\"$\",\"div\",null,{\"className\":\"mt-6\",\"children\":[\"$\",\"$L10\",null,{\"href\":\"/\",\"children\":[\"$\",\"button\",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\",\"children\":\"Homepage\"}]}]}]]}],\"notFoundStyles\":[],\"initialChildNode\":[null,[\"$\",\"$11\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"h-[400px] flex items-center justify-center\",\"children\":[\"$\",\"div\",null,{\"role\":\"status\",\"children\":[[\"$\",\"svg\",null,{\"aria-hidden\":\"true\",\"className\":\"w-8 h-8 mr-2 text-gray-200 animate-spin fill-react\",\"viewBox\":\"0 0 100 101\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z\",\"fill\":\"currentColor\"}],[\"$\",\"path\",null,{\"d\":\"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z\",\"fill\":\"currentFill\"}]]}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Loading...\"}]]}]}],\"children\":[\"$\",\"$L12\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"relative h-full\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute opacity-10 w-full h-[70vh] left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none z-10\",\"style\":{\"background\":\"radial-gradient(rgba(68,91,222,1) 0%, rgba(215,78,243,1) 25%, rgba(255,255,255,1) 50%)\"}}],[\"$\",\"div\",null,{\"className\":\"max-w-6xl mx-auto pt-10 mb-20\",\"children\":[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(auth)\",\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"loadingScripts\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"initialChildNode\":[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(auth)\",\"children\",\"signup\",\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"loadingScripts\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"initialChildNode\":[\"$L13\",[[\"$\",\"$11\",null,{\"fallback\":null,\"children\":[\"$\",\"$L14\",null,{}]}],[\"$\",\"div\",null,{\"className\":\"flex mt-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden lg:block flex-1 max-w-xl mt-6 relative p-4\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"tracking-[-0.02rem] text-5xl lg:text-6xl leading mb-4 font-black\",\"children\":[\"Build Better Node-Based UIs with \",[\"$\",\"span\",null,{\"className\":\"text-react\",\"children\":\"React Flow\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-lg leading-tight\",\"children\":\"By subscribing to React Flow Pro you are securing the maintenance and development of our open source libraries.\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-1 flex-col items-center z-20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"rounded-3xl border bg-card text-card-foreground shadow-sm overflow-hidden max-w-sm w-full\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col space-y-1.5 p-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-2xl font-black leading-none tracking-tight\",\"children\":\"Sign Up\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Enter your email and password to create an account.\"}]]}],[\"$\",\"div\",null,{\"className\":\"p-6 pt-0\",\"children\":[[\"$\",\"$L15\",null,{}],[[\"$\",\"div\",null,{\"className\":\"relative flex py-3 items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-grow border-t border-slate-200\"}],[\"$\",\"span\",null,{\"className\":\"flex-shrink mx-4 text-muted-foreground\",\"children\":\"or\"}],[\"$\",\"div\",null,{\"className\":\"flex-grow border-t border-slate-200\"}]]}],[\"$\",\"$L16\",null,{}]]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col space-y-2 mt-5\",\"children\":[[\"$\",\"div\",\"/signin\",{\"className\":\"flex items-center space-x-1 hover:text-slate-800 text-muted-foreground text-sm font-bold cursor-pointer\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 20 20\",\"fill\":\"currentColor\",\"aria-hidden\":\"true\",\"aria-labelledby\":\"$undefined\",\"className\":\"h-4 w-4\",\"children\":[null,[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"d\":\"M2 10a.75.75 0 01.75-.75h12.59l-2.1-1.95a.75.75 0 111.02-1.1l3.5 3.25a.75.75 0 010 1.1l-3.5 3.25a.75.75 0 11-1.02-1.1l2.1-1.95H2.75A.75.75 0 012 10z\",\"clipRule\":\"evenodd\"}]]}],[\"$\",\"$L10\",null,{\"href\":\"/signin\",\"children\":\"Already have an account? Sign In\"}]]}]]}]]}]]}]],null],\"childPropSegment\":\"__PAGE__\",\"styles\":null}],\"childPropSegment\":\"signup\",\"styles\":null}]}]]}]}]}],null],\"childPropSegment\":\"(auth)\",\"styles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0800831c3444ca69.css\",\"precedence\":\"next\",\"crossOrigin\":\"\"}]]}]}],[\"$\",\"footer\",null,{\"className\":\"print:bg-transparent py-12 lg:py-18 bg-slate-100 text-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto lg:flex max-w-[90rem] 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\",\"children\":\"A project by the xyflow team\"}],[\"$\",\"div\",null,{\"className\":\"font-black text-3xl tracking-tight leading-none mb-6 lg:mb-10\",\"children\":\"We are 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\",\"React Flow Pro\",{\"className\":\"mt-4 lg:mt-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-base leading-relaxed text-light mb-2\",\"children\":\"React Flow Pro\"}],[[\"$\",\"$L10\",\"/\",{\"href\":\"/\",\"className\":\"block\",\"children\":\"Dashboard\"}],[\"$\",\"$L10\",\"/signin\",{\"href\":\"/signin\",\"className\":\"block\",\"children\":\"Sign In\"}],[\"$\",\"$L10\",\"/signup\",{\"href\":\"/signup\",\"className\":\"block\",\"children\":\"Sign Up\"}],[\"$\",\"$L10\",\"/reset-password\",{\"href\":\"/reset-password\",\"className\":\"block\",\"children\":\"Reset Password\"}]]]}],[\"$\",\"div\",\"More Info\",{\"className\":\"mt-4 lg:mt-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-base leading-relaxed text-light mb-2\",\"children\":\"More Info\"}],[[\"$\",\"$L10\",\"https://reactflow.dev/pro\",{\"href\":\"https://reactflow.dev/pro\",\"className\":\"block\",\"children\":\"Pricing\"}],[\"$\",\"$L10\",\"https://reactflow.dev/pro/examples\",{\"href\":\"https://reactflow.dev/pro/examples\",\"className\":\"block\",\"children\":\"Pro Examples\"}],[\"$\",\"$L10\",\"https://reactflow.dev/pro/case-studies\",{\"href\":\"https://reactflow.dev/pro/case-studies\",\"className\":\"block\",\"children\":\"Case Studies\"}],[\"$\",\"$L10\",\"https://reactflow.dev/pro/enterprise\",{\"href\":\"https://reactflow.dev/pro/enterprise\",\"className\":\"block\",\"children\":\"Enterprise\"}]]]}],[\"$\",\"div\",\"xyflow\",{\"className\":\"mt-4 lg:mt-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-base leading-relaxed text-light mb-2\",\"children\":\"xyflow\"}],[[\"$\",\"$L10\",\"https://xyflow.com/contact\",{\"href\":\"https://xyflow.com/contact\",\"className\":\"block\",\"children\":\"Contact Us\"}],[\"$\",\"$L10\",\"https://xyflow.com/blog\",{\"href\":\"https://xyflow.com/blog\",\"className\":\"block\",\"children\":\"Blog\"}],[\"$\",\"$L10\",\"https://xyflow.com/about\",{\"href\":\"https://xyflow.com/about\",\"className\":\"block\",\"children\":\"About\"}],[\"$\",\"$L10\",\"https://xyflow.com/open-source\",{\"href\":\"https://xyflow.com/open-source\",\"className\":\"block\",\"children\":\"Open Source\"}]]]}],[\"$\",\"div\",\"Legal\",{\"className\":\"mt-4 lg:mt-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-base leading-relaxed text-light mb-2\",\"children\":\"Legal\"}],[[\"$\",\"$L10\",\"https://xyflow.com/terms-of-use\",{\"href\":\"https://xyflow.com/terms-of-use\",\"className\":\"block\",\"children\":\"Terms of Use\"}],[\"$\",\"$L10\",\"https://xyflow.com/ethical-standards\",{\"href\":\"https://xyflow.com/ethical-standards\",\"className\":\"block\",\"children\":\"Ethical Standards\"}],[\"$\",\"$L10\",\"https://xyflow.com/privacy\",{\"href\":\"https://xyflow.com/privacy\",\"className\":\"block\",\"children\":\"Privacy Policy\"}],[\"$\",\"$L10\",\"https://xyflow.com/imprint\",{\"href\":\"https://xyflow.com/imprint\",\"className\":\"block\",\"children\":\"Imprint\"}]]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-light pt-6 text-sm mt-auto\",\"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\",\".\"]}]]}]}]]}]}]]}]}]}],[\"$\",\"$L17\",null,{}]]}]}],null]}]]\n"])</script><script>self.__next_f.push([1,"8:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"React Flow Pro\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Build Better Node-Based UIs with React Flow. By subscribing to React Flow Pro you are securing the maintanance and development of our open source libraries.\"}],[\"$\",\"meta\",\"4\",{\"name\":\"next-size-adjust\"}]]\n13:null\n"])</script><script>self.__next_f.push([1,""])</script></body></html>