nowfound

Dev tools · alternatives · 2026

24 alternatives to Svelte Flow – a library for creating node-based UIs

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

Svelte Flow is a library for building node-based user interfaces using Svelte. It enables developers to create visual, interactive systems where users can connect and manipulate nodes—useful for 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. Svelte Flow – a library for creating node-based UIs launched in 2023; newer entries below may have overtaken it.

  1. 1

    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

    2021 · github.com · its alternatives →

  2. 2

    Open-source UI components for Svelte and Tailwind CSS

    2023 · flowbite-svelte.com · its alternatives →

  3. 3

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

    2021 · github.com · its alternatives →

  4. 4
  5. 5
    Svelvet▲79

    A Svelte component library for building flow diagrams

    2022 · svelvet.io · its alternatives →

  6. 6

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

    2021 · datablocks.pro · its alternatives →

  7. 7
    Svelte▲120

    Cybernetically enhanced web apps

    2019 · svelte.dev · its alternatives →

  8. 8

    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 →

  9. 9
    Flowkit▲296

    Sketch library for user flows/content maps/annotations

    2017 · useflowkit.com · its alternatives →

  10. 10

    Hi everyone, We’re building an open-source identity and risk management platform and we’ve just released the first chunk of code, a fully customizable KYC flow & UI, to the public. We’ve chosen to use Svelte so our flows would be lightweight (it is ~50kb gzipped). Next up: - Adding forms and components for it to be used as a full onboarding flow. - Releasing an open-source case management dashboard, for manual approval of users. - Releasing an open-source rule engine, to help automate decisions. We’d love to hear your feedback, suggestions, or any question you’ve got. And if the rest of the…

    2022 · github.com · its alternatives →

  11. 11

    An action based drag and drop container for Svelte - isaacHagoel/svelte-dnd-action

    2021 · github.com · its alternatives →

  12. 12

    User flows right inside your favorite design tool

    2019 · useflowkit.com · its alternatives →

  13. 13
    Overflow▲1,139

    The world’s first user flow diagramming tool for designers

    2018 · overflow.io · its alternatives →

  14. 14

    Hello HN, It has been a while since I contributed to the web, so I decided to get back in shape and publish "something". This app is a POC of "what if diagrams were more dynamic". I'm a software engineer by trade, and with conventional tools, I often times struggle to explain flows of data in complex software systems. I got inspired by video games like The Incredible Machine and Factorio, as in some ways, software systems tend to become Rube Goldberg-esque machines ;) As a side quest, I also wanted to craft diagrams faster than text-based tools (ex: mermaid), as I am always forgetting their…

    2024 · github.com · its alternatives →

  15. 15
    Flow▲409

    Animate Sketch designs and generate production-ready code.

    2017 · createwithflow.com · its alternatives →

  16. 16
    Flow▲232

    Beautiful UI animations now with Lottie & Animated SVGs

    2020 · createwithflow.com · its alternatives →

  17. 17
    Flowbite▲506

    Open-source library of Tailwind CSS components

    2021 · flowbite.com · 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

    Get started with the most popular open-source library of interactive UI components built with the utility classes from Tailwind CSS

    2021 · flowbite.com · its alternatives →

  20. 20
    OpenUI▲543

    Describe UI and see it rendered live

    2024 · github.com · its alternatives →

  21. 21

    Svader is a library for rendering 2D shaders on Svelte websites, using either WebGL or WebGPU. It's streamlined for the specific use case of rendering 2D graphics using fragment shaders as an alternative to SVG or the JS canvas API, so it's not meant for doing 3D objects like three.js, for example. This started as something I needed for my own project, but I eventually decided to split it into a separate library. I've since found that this use case fits really well into the Svelte compiler-based approach and its fine-grained reactivity system. In general, I think using shaders like these has…

    2024 · github.com · its alternatives →

  22. 22

    A diagram editor for visualizing structures and processes

    2020 · diagrams.app · its alternatives →

  23. 23
    Flow▲216

    A typeface built for wireframing

    2017 · danross.co · its alternatives →

  24. 24

    A simple tool for creating User Flow Diagrams

    2018 · flowmapp.com · its alternatives →

Also compare

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 →