React Flow

What it does

Javascript library for rendering interactive node-based graphs with a smooth panning and zooming behaviour and lots of nice features and even some plugins like a mini map!

React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable. - xyflow/xyflow

• 
  React Flow – library for creating node based editors and apps2021 · github.com · ▲224

  React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable. - xyflow/xyflow

• 
  React Flow2020 · reactflow.dev · ▲7

  library for building node-based editors and graphs

• 
  A gallery of graphs built with React and D3.js2023 · react-graph-gallery.com · ▲297

  Many JS libraries exist to build graphs on the web (Vega, chartJS, Plotly...). They allow to make charts quickly. But you lose flexibility: you're limited by the options they offer. I just created a gallery with hundreds of graphs made with d3.js and React. - Examples are split by graph types - They all come with explanation and code sandboxes - Gradual complexity to ease the learning curve It took me ages to create this project! Feedback welcome!

• 
  Webflow DevLink2023 · ▲205

  Use Webflow to build React & Web components visually

• 
  Total.js Flow2023 · totaljs.com · ▲111

  Visual Programming Interface for everyone

• 
  Highly customizable React library for creating node-based graphs2020 · github.com · ▲5

  React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable. - xyflow/xyflow

• 
  /dev/null▲468

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲340

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• 
  Blush▲1,462

  Illustrations for everyone

  Dev tools · 2020 · blush.design

• 
  SHA-256 Animation▲1,053

  Animation of the SHA-256 hash function in your terminal. - in3rsha/sha256-animation

  Dev tools · 2020 · github.com

• 
  This Word Does Not Exist▲956

  This Word Does Not Exist uses an artificial intelligence model named GPT-2 to invent new English words.

  AI · 2020 · thisworddoesnotexist.com

• P3
  Plotting 3 years of hourly data in 150ms▲785

  Life & fun · 2020 · leeoniya.github.io

• 
  Untools▲783

  Hand-picked tools for better thinking

  Work · 2020 · untools.co

• 
  Copytesting▲781

  Improve your website copy based on data from your audience

  Growth · 2020 · wynter.com