Open-source alternatives to React Flow Chart

react-diagrams is a framework for building interactive node-and-link diagrams and visual graphs within React applications. It functions as an interactive graph visualization tool and visual workflow designer, providing a system for rendering manipulatable canvases of connected nodes. The library is distinguished by its ability to act as a serializable state diagram manager, converting complex node layouts and connection states into storable data formats for session persistence. It further allows for custom behavior extensions to modify core logic and modules to implement project-specific func

Cytoscape.js is a JavaScript library designed for rendering interactive node-link diagrams and analyzing complex network structures directly within a web browser. It functions as a comprehensive framework for building responsive graph interfaces, providing the tools necessary to visualize relational datasets and manage hierarchical data models. The library distinguishes itself through a modular architecture that supports custom layout algorithms and rendering styles, allowing for the integration of physics-based engines to organize complex network structures automatically. It utilizes an even

Flowy is a JavaScript library designed for building interactive, drag-and-drop flowchart interfaces. It enables the creation of canvas-based environments where users can arrange blocks to design custom logic sequences, decision trees, and visual process maps. The library provides a structured approach to diagramming by organizing elements into a hierarchical parent-child tree. It features coordinate-based snapping logic to ensure blocks automatically align into organized layouts during user interaction. To support complex system configurations, the tool includes event-driven callback hooks th

Butterfly is an interactive graph visualization library and SVG-based diagramming engine used to build node-based workflow designers and visual flow editors. It provides a framework for rendering interconnected nodes, edges, and groups to model technical architectures, business processes, and data-driven workflows. The project is distinguished by its ability to integrate custom UI components as graph nodes and its specialized support for data lineage visualization. It enables the mapping of relationships between data fields, tables, and business entities to track provenance and monitor workfl

This library provides a centralized system for managing and rendering transient alert messages within React applications. It functions as a frontend notification manager, using a provider-based architecture to track, update, and remove status alerts through a standardized reactive interface. The system distinguishes itself by allowing developers to replace default alert designs with custom components, ensuring that feedback elements align with specific application branding and design systems. It utilizes portal-based rendering to mount notifications outside the main component hierarchy, ensur

Elemental is a component-based design system and React UI framework. It provides a collection of pre-styled interface components and CSS patterns used to build consistent user interfaces and layout designs for web applications. The library functions as a customizable CSS UI library, allowing for the implementation of custom design systems by mapping design tokens and stylesheets to reusable elements. It integrates vector icon rendering to embed scalable graphic glyphs directly within interface components. The framework supports the composition of complex layouts using pre-made elements such

This project is a component library that bridges the Bulma CSS framework with React. It provides a set of declarative building blocks that map standard CSS framework patterns to reusable interface elements, enabling the construction of responsive and accessible web layouts. The library utilizes a compositional architecture where modular components encapsulate specific styling rules and structural behaviors. It supports polymorphic rendering, allowing components to dynamically change their underlying HTML tags at runtime to maintain semantic structure. Developers can also utilize property mapp

Vue Flow is a TypeScript library for building interactive node-based editors and flowcharts. It provides the core infrastructure for creating diagrams where users can drag, select, and connect nodes with edges, supporting pan and zoom navigation of the canvas. The library offers extensive control over graph behavior and appearance, including the ability to customize connection lines, define custom edge types, and configure zoom constraints and viewport defaults. It includes built-in components like a minimap for navigation, zoom controls, and a fit-view button, along with features for node re

This project is a React-based framework for constructing interactive, node-based visual interfaces. It provides a platform for building canvases where users define, connect, and organize logical processes, data pipelines, or complex workflows through a graphical interface. By utilizing a modular component architecture, it enables the development of low-code environments, visual programming tools, and interactive diagramming applications. The framework distinguishes itself through a declarative approach where state changes automatically synchronize with the visual representation of nodes and e

GulfOfMexico is a framework for building interactive, node-based visual programming environments within web browsers. It provides the necessary components to construct directed graph editors where users define application logic and data processing pipelines by connecting visual nodes on a coordinate-based canvas. The library enables the creation of drag-and-drop interfaces that synchronize visual representations with underlying functional data flows. By mapping input and output ports to specific behaviors, developers can build environments that allow for the construction of complex workflows

LogicFlow is an SVG-based flowchart editing framework and visual graph editor used for building customizable business process diagrams. It serves as a customizable diagramming engine for rendering business process models, entity relationship diagrams, and unified modeling language charts. The system is characterized by a plugin-based architecture that allows developers to define specialized graphical elements and register pluggable modules. A distinctive feature is its overlay system, which positions standard HTML components on top of the SVG canvas to create interactive menus and control pan

Diagram Maker is a web-based library designed for building interactive graph visualization and data modeling tools. It provides a framework for rendering node and link structures, allowing users to create custom editing environments where complex data relationships can be visualized and manipulated directly in the browser. The library utilizes a modular, plugin-driven architecture that enables developers to extend the core editing functionality to meet specific requirements without altering the underlying source code. It manages the application state through a centralized, immutable store, en

mobx-react is a library that provides state bindings to connect React components to MobX observable state. It functions as a component state synchronizer, ensuring that user interface elements automatically re-render only when the specific observed data they consume changes. The project enables a decoupled state architecture by moving business logic and domain state into standalone stores, separating data management from the React component tree. It facilitates global state distribution across deep component hierarchies using providers and context to avoid manual prop drilling. The library c

ComposeCookBook is a Jetpack Compose UI component library and layout reference. It serves as a collection of declarative interface elements, reusable widgets, and structural mockups for organizing content within the Jetpack Compose framework. The project functions as an Android UI design gallery and animation showcase. It provides a library of visual transitions and interactive state changes, alongside full-page layout examples and demo screens that demonstrate visual patterns for Android applications. The repository covers broader capabilities including Android layout prototyping, UI testin

This project is a collection of educational code samples and reference implementations for learning the React library. It provides curated examples of frontend architecture patterns used to build and structure user interfaces in web applications. The repository focuses on practical implementation patterns, offering a set of React component examples that demonstrate how to organize components and hooks. These materials serve as a guide for translating design requirements into functional code through studied implementation samples. The content covers the fundamentals of React frontend developm

Stateless is a .NET state machine library used to manage complex object behaviors and lightweight workflows through C# code. It functions as an asynchronous workflow engine that executes state transitions, guards, and entry-exit actions using asynchronous tasks. The library implements a hierarchical state machine, allowing child states to inherit transitions and properties from parent superstates. It includes a state persistence framework that decouples state tracking from machine logic by reading and writing the current state to external properties or databases. Additionally, it features a g

re-frame is a functional framework for building single-page applications in ClojureScript. It provides a centralized, immutable database that serves as the single source of truth for the entire application state, enforcing a strict unidirectional data flow where events trigger state transitions and subsequent view updates. The framework distinguishes itself through a reactive signal graph and an interceptor-based middleware pipeline. By treating application logic as a sequence of data-driven events and declarative side effects, it decouples business logic from the view layer. This architectur

Fuelux is a JavaScript UI framework and front-end component library used to build consistent, unified user interfaces. It provides a collection of lightweight controls and CSS extensions designed to ensure visual and functional consistency across different web views. The project employs a modular frontend architecture, organizing functionality into independent JavaScript control modules. This design allows the framework to remain lightweight and extendable while decoupling functional behavior from visual CSS definitions. The framework handles interface development through component-based sta

react-pxq is a React Redux boilerplate and state-driven UI framework designed for building single-page applications. It functions as a starter project template that combines a client-side routing system with global state management to synchronize data across a component hierarchy. The project implements a code-split web application architecture that uses lazy loading to reduce initial bundle sizes. It integrates a navigation system that maps URL paths to components without triggering full page reloads. The framework covers centralized state management through a global store and action-based

FAST is a web components framework and declarative UI library used to build adaptive user interfaces. It functions as a server-side rendering engine and design system implementation, enabling the creation of modular components based on web standards. The framework focuses on cross-framework component compatibility, allowing user interface elements to remain functional across different front-end frameworks and modern browsers. It implements a design language through a collection of pre-defined visual components to ensure consistency across professional applications. The system covers state-dr

This project is a collection of learning resources, documentation, and boilerplate templates designed for developers studying the Flutter framework and Dart language. It provides a comprehensive set of installation guides, configuration tutorials, and reference materials to assist in building cross-platform mobile applications. The repository distinguishes itself through a wide array of practical examples, including Dart language grammar demonstrations, cross-platform UI patterns, and project templates. It specifically provides sample code for implementing native platform plugins and bridging

Bubbles is a terminal user interface toolkit and component library providing a set of pre-built, reusable widgets for creating interactive command-line applications. It functions as a framework for building complex tools that require real-time updates and keyboard navigation. The library includes a variety of specialized interface elements such as fuzzy-filterable item lists, single-line and multi-line text inputs, and tabular data grids. It also provides visual feedback components including animated loading spinners, progress meters, countdown timers, and stopwatches. Additional capabilitie

Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux

This project is a declarative UI pattern library and reference implementation for structuring layouts, navigation flows, and data collections across Apple platforms. It provides a collection of practical implementation patterns and component examples for building user interfaces using the SwiftUI framework. The library serves as a cross-platform reference for rendering visual content on iOS and macOS. It includes a view implementation guide that covers managing navigation, handling user inputs, and embedding web content. The codebase covers broad capability areas including layout management

This project is a collection of official plugin packages and a native integration library designed to provide a consistent interface for accessing hardware and software functionality across different mobile and desktop platforms. It serves as a native platform bridge, enabling cross-platform applications to invoke native code and manage operating system dependencies. The project utilizes a federated plugin architecture, splitting plugins into common interfaces and separate platform implementations to allow for independent development and extension. It further supports native integration throu

Clack is a Node.js CLI framework and prompt library designed for building stylized, interactive command-line user interfaces. It provides a toolkit for creating terminal applications that collect structured user input and display formatted information. The library includes a set of interactive terminal UI components, such as validated input fields for text and passwords, searchable selection menus with autocomplete, and grouped options for user choice. It also provides mechanisms for process visualization, including loading spinners, progress bars, and sequential task lists to communicate bac

This repository is a collection of React educational materials and reference implementations. It provides a series of source code examples, solved exercises, and sample projects designed to support a structured learning path for the React library and its ecosystem. The project serves as a frontend development reference, offering versioned code snapshots that allow for the comparison of custom implementations against working solutions. These samples demonstrate the creation of single-page applications, focusing on component-based user interface design and state-driven rendering. The repositor