5 个仓库
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 是一个用于在 React 应用程序中构建交互式节点链接图和可视化图表的框架。它充当交互式图表可视化工具和可视化工作流设计器,提供了一个用于渲染可操作的连接节点画布的系统。 该库的独特之处在于它能够充当可序列化的状态图管理器,将复杂的节点布局和连接状态转换为可存储的数据格式以实现会话持久化。它进一步允许自定义行为扩展以修改核心逻辑,并允许通过模块实现特定于项目的业务功能。 该系统涵盖了广泛的图表和可视化功能,包括视口平移、缩放和拖放元素操作。它处理自动链接路由以防止视觉重叠,并提供用于自定义元素样式和层管理的工具以控制渲染顺序。
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 是一个可视化编程系统和基于图的集成开发环境,用于通过连接状态机和原始操作来构建功能性软件。它作为一个基于节点的逻辑编辑器和状态机编排器,将可视化程序规范转换为独立的 JavaScript 文件,以便作为静态网站部署。 该系统通过一个可视化编译器脱颖而出,该编译器可以将程序包渲染为活动网站并执行双向图检查,允许将实时渲染的应用转换回其原始可视化图以进行调试。它采用空间工作区,将底层系统 API 封装为可重用的状态机,从而创建一致的功能单元库。 该平台涵盖了广泛的能力,包括带引脚数据路由的基于图的逻辑组合、递归子图嵌套和手动 JSON 数据创建。它还提供项目序列化、父子节点间的层级导航以及用于查看图输出的最终渲染预览工具。
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.
This library is a declarative React component toolkit for constructing interactive, node-based diagramming interfaces and flow charts. It provides the foundational UI elements required to render draggable nodes and scalable vector graphics paths within a web browser, enabling the creation of complex visual editors and data flow representations. The library distinguishes itself through a strictly stateless architecture that relies on external state management. By utilizing a controlled input pattern and component injection, it decouples diagram logic from data storage, allowing developers to m
Supports building interactive interfaces where users connect blocks to define logic and data processing pipelines.