Dev tools · alternatives · 2026

24 alternatives to React Flow – library for creating node based editors and apps

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 is a library for building node-based editors and applications using React. It enables developers to create interactive, visual tools where users can connect nodes together to represent workflows, diagrams… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. React Flow – library for creating node based editors and apps launched in 2021; newer entries below may have overtaken it.

1. 1
   Highly customizable React library for creating node-based graphs▲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

   2020 · github.com · its alternatives →

2. 2
   Svelte Flow – a library for creating node-based UIs▲81

   A customizable Svelte component for building node-based editors and interactive diagrams

   2023 · svelteflow.dev · its alternatives →

3. 3
   React Flow▲7

   library for building node-based editors and graphs

   2020 · reactflow.dev · its alternatives →

4. 4
   Flowbite Svelte▲180

   Open-source UI components for Svelte and Tailwind CSS

   2023 · flowbite-svelte.com · its alternatives →

5. 5
   Webflow DevLink▲205

   Use Webflow to build React & Web components visually

   2023 · its alternatives →

6. 6
   Svelte NodeGUI, a lightweight Electron alternative with native UI▲624

   Build performant, native and cross-platform desktop applications with native Svelte + powerful CSS-like styling.🚀 - nodegui/svelte-nodegui

   2021 · github.com · its alternatives →

7. 7
   Layouts.dev▲699

   A notebook for building interfaces with Tailwind & shadcn/UI

   2024 · layouts.dev · its alternatives →

8. 8
   A workflowy-inspired react component library▲18

   Contribute to davidmnoll/chkflow development by creating an account on GitHub.

   2021 · github.com · its alternatives →

9. 9
   React Flow▲2

   A React library for rendering interactive node-based graphs

   2020 · github.com · its alternatives →

10. 10
    Flowbite▲506

    Open-source library of Tailwind CSS components

    2021 · flowbite.com · its alternatives →

11. 11
    Open-sourced Webflow for your own app▲336

    Hi HN, I’m Kiet, one of the creators of Onlook studio. I made this app that allows you to visually edit your locally running React app and write the code back to it in real-time. The purpose is to allow you to develop UI while fully owning your code the whole time. There are other visual builders out there but they either require you to upload your code to the cloud or some lengthy setup process. Onlook runs locally, deterministically, and only requires adding a plugin for the compile step (2 lines of config change). Technical details: This is technically a web browser that can point to your…

    2024 · github.com · its alternatives →

12. 12
    Flowbite 2.0▲336

    Open-source ecosystem built on top of Tailwind CSS

    2022 · flowbite.com · its alternatives →

13. 13
    refine.new▲462

    100% open-source React framework to build web apps

    2023 · its alternatives →

14. 14
    refine▲480

    100% open source React framework to build web apps 3x faster

    2022 · github.com · its alternatives →

15. 15
    react.dev▲543

    The new home for React and its documentation

    2023 · react.dev · its alternatives →

16. 16
    JSX.Design▲413

    The dev friendly no-code editor for React development

    2024 · its alternatives →

17. 17AV
    A Visual IDE for React▲479

    I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!

    2022 · dev.aspect.app · its alternatives →

18. 18
    Flows▲239

    If you’ve ever tried building onboarding or product adoption with Appcues, Chameleon, Userflow, WalkMe, or Usetiful, you’ve probably hit the same two problems: 1. Everything is rendered with JavaScript overlays 2. Customization is a nightmare A little backstory: When I was choosing an onboarding tool for my previous project, nothing matched what I needed. So I had to build my own. With help from IntroJS I built onboarding solution that I needed: Tooltips, Modals, custom CSS, waiting for interactions, and saving the state into the database. It worked… but it took way more time than it should…

    2024 · flows.sh · its alternatives →

19. 19
    ORY Editor – A rich editor for the browser, built with React and Redux▲369

    Next-gen, highly customizable content editor for the browser - based on React and written in TypeScript. WYSIWYG on steroids. - react-page/react-page

    2017 · github.com · its alternatives →

20. 20
    Reshuffle▲173

    The place to share and find live open source code in seconds

    2019 · reshuffle.com · its alternatives →

21. 21
    Svelvet – A component library for building interactive flow diagrams▲354

    2022 · svelvet.io · its alternatives →

22. 22
    A flow based data processing editor▲188

    node-based editor for exploring, analyzing and transforming data without code

    2021 · datablocks.pro · its alternatives →

23. 23
    Svelte▲120

    Cybernetically enhanced web apps

    2019 · svelte.dev · its alternatives →

24. 24
    Remotion 4.0▲257

    Do more with React

    2023 · remotion.dev · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →