5 Repos
Visual interfaces that use nodes and connections to define programming logic and data flows.
Distinct from User Interface Construction: Unlike general UI construction, this is specifically for defining logic flows via a node-graph.
Explore 5 awesome GitHub repositories matching user interface & experience · Node-Based Logic Interfaces. Refine with filters or upvote what's useful.
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
Provides a visual interface for defining logic and configurations by connecting blocks on a canvas.
Simple flow library 🖥️🖱️
A canvas-based interface for constructing data flows by connecting nodes with multiple input and output ports.
Unit ist ein visuelles Programmiersystem und eine graphbasierte integrierte Entwicklungsumgebung, die dazu verwendet wird, funktionale Software durch das Verbinden von Zustandsautomaten und primitiven Operationen zu erstellen. Es dient als knotenbasierter Logik-Editor und Zustandsautomaten-Orchestrator, der visuelle Programmspezifikationen in eigenständige JavaScript-Dateien für das Deployment als statische Websites umwandelt. Das System zeichnet sich durch einen visuellen Compiler aus, der Programm-Bundles in aktive Websites rendern und bidirektionale Graph-Inspektionen durchführen kann, wodurch eine live gerenderte Anwendung für Debugging-Zwecke in ihren ursprünglichen visuellen Graphen zurückverwandelt werden kann. Es verwendet einen räumlichen Arbeitsbereich, in dem Low-Level-System-APIs in wiederverwendbare Zustandsautomaten gekapselt werden, um eine konsistente Bibliothek funktionaler Einheiten zu schaffen. Die Plattform deckt ein breites Spektrum an Fähigkeiten ab, einschließlich graphbasierter Logikkomposition mit pin-basiertem Datenrouting, rekursiver Subgraph-Verschachtelung und manueller JSON-Datenerstellung. Sie bietet zudem Tools für Projekt-Serialisierung, Hierarchie-Navigation zwischen Eltern- und Kindknoten sowie eine finale Rendering-Vorschau, um die Ausgabe eines Graphen zu betrachten.
Designs complex program flows using a visual canvas of connected units and reusable subgraphs.
UEVR is a modding toolkit designed to inject virtual reality support into games built with Unreal Engine. It functions as a stereoscopic rendering injector and plugin loader that enables 3D depth and head tracking in titles not natively designed for VR. The project distinguishes itself by providing a framework for six-degree-of-freedom tracking and a world-space UI projector that transforms flat 2D interface elements into 3D objects. It includes a VR input mapping framework to synchronize headset and controller transforms with engine components for physics and camera interaction. The system
Provides a node-based visual scripting interface for creating custom VR logic without modifying source code.
Diese Bibliothek ist ein deklaratives React-Komponenten-Toolkit für den Aufbau interaktiver, knotenbasierter Diagrammoberflächen und Flussdiagramme. Sie bietet die grundlegenden UI-Elemente, die zum Rendern von verschiebbaren Knoten und skalierbaren Vektorgrafikpfaden im Webbrowser erforderlich sind, und ermöglicht so die Erstellung komplexer visueller Editoren und Datenflussdarstellungen. Die Bibliothek zeichnet sich durch eine strikt zustandslose Architektur aus, die auf externes State-Management setzt. Durch die Verwendung eines kontrollierten Eingabemusters und Komponenten-Injection wird die Diagrammlogik von der Datenspeicherung entkoppelt, sodass Entwickler die „Source of Truth“ innerhalb ihres eigenen Anwendungszustands behalten können. Dieser Ansatz stellt sicher, dass jedes visuelle Element, von Knoten und Ports bis hin zur Arbeitsfläche selbst, vollständig an spezifische Designanforderungen angepasst werden kann. Das Toolkit unterstützt eine breite Palette an Interaktionsmöglichkeiten, einschließlich gestenbasierter Navigation zum Schwenken und Zoomen auf der Arbeitsfläche. Es bietet zudem Funktionen zum Zeichnen von Verbindungen zwischen Knoten und enthält einen Read-only-Modus für Szenarien, in denen strukturelle Änderungen eingeschränkt werden müssen. Die Bibliothek wird als Sammlung wiederverwendbarer Komponenten vertrieben, die für die Integration in bestehende React-Projekte konzipiert sind.
Supports building interactive interfaces where users connect blocks to define logic and data processing pipelines.