94 مستودعات
Libraries and frameworks for building interactive node-based graph interfaces for workflows and logic.
Distinguishing note: None of the candidates were provided; this category is specific to node-based visual programming interfaces.
Explore 94 awesome GitHub repositories matching user interface & experience · Visual Node Editors. Refine with filters or upvote what's useful.
This project is a curated educational resource and solution repository for algorithmic challenges, specifically focused on LeetCode problems. It serves as a technical reference for common data structures and algorithmic patterns, providing verified code implementations across multiple programming languages alongside detailed logic and complexity analysis. The repository functions as a comprehensive study guide for competitive programming and technical interview preparation. It includes specialized learning tools such as an Anki flashcard dataset for spaced repetition and a browser extension t
Implements dummy head node logic to unify edge cases and remove null checks in linked lists.
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
Enables the creation of interactive interfaces where users connect nodes and edges to represent complex workflows, data pipelines, or logic structures.
Graphite is a node-based visual design environment that integrates vector illustration, raster image processing, and motion graphics generation into a single platform. It utilizes a functional reactive pipeline and a data-flow execution model to propagate state changes through a graph of interconnected nodes, allowing users to construct complex, automated design workflows. The platform distinguishes itself through a context-aware evaluation engine that injects runtime metadata—such as coordinate data and loop indices—directly into the node graph. This enables the creation of procedural geomet
Constructs complex design workflows by connecting functional nodes that pass data through a directed graph.
ChatPaper is a suite of AI agents and utilities designed for academic literature automation, manuscript editing, and research assistance. The system functions as a research assistant that summarizes, translates, and analyzes scholarly papers, while providing specialized tools for converting academic PDFs into structured markdown to preserve formulas for analysis. The project features a literature survey automator that crawls research repositories and synthesizes domain reports, alongside a research mind map generator that transforms linear document content into non-linear node-based maps. It
Transforms linear document content into a non-linear layout of connected nodes for mapping research concepts.
PhotoView is a custom Android view implementation designed to display high-resolution images with native support for zoom and pan gestures. It provides a zoomable image view and a matrix controller to manage how images are scaled and translated within a mobile user interface. The library handles the detection of pinch-to-zoom and tap gestures to enable interactive image navigation. It manages the transformation matrix of the image to ensure smooth magnification and provides viewport constraints to align photo edges with screen boundaries. The project covers the broader requirements of mobile
Constrains the image panning area to ensure photo edges align correctly with the screen boundaries.
Matter-js is a 2D rigid body physics engine written in JavaScript for simulating realistic physical interactions, collisions, and dynamics in web browsers. It functions as a web physics simulation library that calculates motion, gravity, and constraints for objects rendered on a web canvas. The library includes a built-in canvas physics visualizer to draw physical bodies, joints, and constraints for debugging and gameplay. It distinguishes itself through a plugin system that supports recursive dependency resolution and internal method patching to inject custom logic into the engine's executio
Keeps bodies within defined boundaries by teleporting them to the opposite side when crossing an edge.
Plotly.js is a JavaScript charting library and interactive graphing framework used to create web-based visualizations. It functions as a high-performance data visualization engine that utilizes both SVG for static elements and WebGL for hardware-accelerated rendering of large datasets and complex 3D plots. The library is distinguished by specialized toolkits for financial analysis, such as candlestick and OHLC charts, and geographic mapping tools for rendering choropleth and scatter maps with custom projections. It also supports complex scientific visualizations, including Sankey diagrams, pa
Provides box and lasso tools for selecting multiple data points within a visual region.
TinyMCE is a JavaScript rich text editor and WYSIWYG HTML editor that provides a visual interface for creating and formatting content within web applications. It functions as an extensible editor framework and web content management UI, allowing users to author and style documents through a browser-based interface. The project is distinguished by a plugin-based extension system and a public API that enable the addition of custom capabilities and modifications to the visual interface. It utilizes a framework-agnostic core, providing dedicated integration for React, Vue, and Angular. The syste
Maintains a standalone JavaScript engine that can be integrated into any modern web framework via a public API.
DearPyGui is a hardware-accelerated Python GUI framework and graphics rendering engine. It operates as an immediate mode user interface system, rendering frames from scratch to ensure high performance and minimal state management for desktop applications. The project functions as a GPU-accelerated plotting library capable of rendering millions of data points with high frame rates. It also serves as a node editor toolkit for constructing interactive graph-based interfaces to manage visual data flows. The framework includes capabilities for custom 2D graphics rendering, interface theme customi
Implements a dedicated toolkit for constructing interactive, graph-based node editors to manage visual data flows.
DearPyGui is a GPU-accelerated, immediate-mode graphical user interface framework for Python. It provides a high-performance toolkit for building interactive desktop applications by leveraging native hardware-accelerated rendering backends across multiple operating systems. By utilizing an immediate-mode execution model, the library offers direct control over the rendering loop and element state, enabling the creation of responsive, dynamic interfaces. The framework distinguishes itself through its ability to handle complex, high-frequency visual updates, making it suitable for real-time data
Implements intuitive node-based interfaces for visual programming and complex data flow management.
Botpress is a conversational AI builder and LLM agent platform used to design chatbot workflows and orchestrate agents powered by large language models. It provides a framework for managing the entire lifecycle of these agents, from initial creation through to deployment across various production environments. The platform includes a custom integration SDK for developing and publishing third-party connectors that extend agent capabilities. These tools allow for the creation of custom plugins that connect AI agents to external APIs and third-party services. The system supports both visual des
Executes conversational agent behavior through a visual graph of linked nodes.
Blockly is a web-based visual programming editor and block-based code generator. It allows users to create programs by interlocking graphical blocks that translate into executable source code for various programming languages, removing the need for manual syntax entry. The project serves as a customizable framework for building specialized visual languages through a customizable block library. It includes a visual block designer for defining custom shapes, behaviors, and specialized input fields, as well as a plugin system to extend the editor's environment. The system manages programming lo
Provides workspace management features including a minimap, zoom-to-fit controls, and automatic scrolling.
AsyncDisplayKit is an asynchronous UI framework and performance library for iOS. It provides a collection of performant alternatives to standard views, allowing developers to build responsive interfaces by offloading layout and rendering tasks to background threads. The framework is centered around a declarative layout engine based on a flexbox model, which calculates element positions and sizes asynchronously. It utilizes a node-based abstraction to wrap native views, enabling the instantiation and configuration of UI hierarchies on background threads to prevent main thread blocking. The sy
Determines the presence of subnodes based on the layout specification to remove manual node management.
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
Builds interactive graph-based interfaces for defining custom data flows and application logic.
PlantUML is a text-to-diagram generator that translates human-readable markup into structured graphical representations. It functions as a diagram-as-code tool, allowing users to create and maintain technical documentation, architectural models, and flowcharts by decoupling diagram content from visual layout. The project distinguishes itself through a comprehensive rendering pipeline that processes domain-specific markup into various output formats, including vector and raster graphics. It utilizes a graph-based layout engine to calculate spatial positioning, while a declarative styling layer
Attaches floating notes and descriptive text to specific activities or partitions within diagrams.
interact.js هي مكتبة تفاعل JavaScript تستخدم لتنفيذ السحب والإفلات، وتغيير الحجم، وإيماءات اللمس المتعدد داخل متصفحات الويب. توفر إطار عمل تفاعل متخصص للرسومات المتجهة القابلة للتطوير، مما يسمح بتحريك هذه العناصر وتغيير حجمها. تتميز المكتبة بمحرك إيماءات لمس متعدد يتعرف على أنماط معقدة مثل القرص والتدوير، ومحرك التقاط إحداثيات لمحاذاة العناصر مع الشبكات أو تقييد الحركة داخل الحدود. تتضمن أيضاً مزامناً لحالة الإطار المتقاطع لمشاركة حالات التفاعل وأحداث الإدخال عبر نوافذ متصفح متعددة أو إطارات مضمنة. يغطي المشروع مجالات قدرة واسعة بما في ذلك فيزياء الحركة لحسابات السرعة القائمة على القصور الذاتي وتطبيع الإدخال لتوحيد أحداث الماوس واللمس عبر المتصفحات. تشمل الوظائف الإضافية تتبع الحالة القائم على الإحداثيات والتقاط الكمي لمحاذاة المواضع والأحجام مع فترات زمنية محددة مسبقاً.
Implements logic to restrict the movement of elements within defined containers or viewport areas.
Formily is a schema-driven framework designed for building complex web forms by decoupling business logic and validation rules from the underlying user interface. It utilizes a declarative JSON schema to define form structures, allowing developers to manage data collection and field interactions independently of specific component libraries or frontend frameworks. The system is built upon a reactive observable state engine that synchronizes form data, validation status, and field interactions in real time. By employing a recursive tree traversal and a centralized event bus, the engine manages
Decouples core form logic from specific UI component libraries by delegating rendering to external adapters.
jsoneditor is a web-based JSON editor component designed for viewing, editing, and formatting structured data. It provides a user interface for managing JSON through multiple rendering modes, including tree, form, and code views. The project is distinguished by its ability to process and visualize exceptionally large datasets, utilizing virtualized memory management to handle JSON files up to 500 MiB without crashing the browser. It also includes a specialized syntax repair tool to convert malformed text into valid JSON and a data transformer for filtering, sorting, and reshaping documents vi
Tracks and retrieves specific data locations using unique identifiers to manage focus in nested JSON structures.
Rete is a framework for building interactive, node-based visual interfaces and dataflow programming environments. It provides a core engine that processes directed graphs, allowing developers to define modular logic where nodes represent operations and connections represent the flow of data or control. By decoupling the graph logic from the user interface, the framework enables the creation of custom visual editors that can be integrated into various frontend component libraries. The project distinguishes itself through a highly extensible, signal-driven architecture that supports complex req
Provides a framework-agnostic engine for building interactive, node-based visual programming interfaces and dataflow environments.
Agent-S is a multimodal AI agent and LLM desktop automation framework designed to control operating systems through graphical user interface interactions. It functions as a computer use interface, utilizing vision-language grounding to translate natural language goals into precise screen coordinates and system actions. The project differentiates itself by combining structured accessibility tree inspection with vision-based element localization. It manages cross-application workflows by mapping conceptual descriptions to physical pixels and simulating low-level keyboard and mouse events to mov
Specifies rectangular regions on the screen using coordinates to identify elements for agent interaction.