# codebdy/rxdrag

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/codebdy-rxdrag).**

3,760 stars · 487 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/codebdy/rxdrag
- Homepage: https://rxdrag.vercel.app/
- awesome-repositories: https://awesome-repositories.com/repository/codebdy-rxdrag.md

## Description

rxdrag is a declarative frontend framework and low-code builder used to create web interfaces and application logic visually. It functions as an HTML web interface designer and visual logic orchestrator, allowing users to define structures and data flows through a graphical interface to reduce imperative coding.

The system enables the design of responsive frontend layouts and user interactions using a coordinate-based editor. It integrates a logic engine that allows application behavior to be defined by arranging visual blocks rather than writing manual code.

The framework covers frontend workflow automation, HTML visual editing, and the orchestration of application logic through a visual development environment.

## Tags

### Web Development

- [Visual Interface Design](https://awesome-repositories.com/f/web-development/frontend-development-tools/state-data-management/visual-state-logic-design/visual-interface-design.md) — Provides a visual editor for building responsive frontend layouts and user interaction logic. ([source](https://cdn.jsdelivr.net/gh/codebdy/rxdrag@master/README.md))
- [Visual Development](https://awesome-repositories.com/f/web-development/frontend-development/visual-development.md) — Accelerates the design process by building web interfaces through a visual editor rather than manual coding.
- [Frontend Frameworks](https://awesome-repositories.com/f/web-development/frontend-frameworks.md) — Functions as a declarative framework for building web applications by defining structures and logic flows visually.
- [Frontend Workflow Automations](https://awesome-repositories.com/f/web-development/frontend-workflow-automations.md) — Streamlines UI creation by connecting visual design elements with an integrated logic engine.
- [JSON Schema-Driven UI Compositions](https://awesome-repositories.com/f/web-development/server-side-ui-composition/json-schema-driven-ui-compositions.md) — Generates the user interface by mapping a structured JSON representation of components to actual HTML elements.
- [Component Property Mappings](https://awesome-repositories.com/f/web-development/standard-html-attribute-mapping/component-property-mappings.md) — Implements mechanisms to translate high-level visual editor properties into standard HTML attributes and CSS styles.

### Development Tools & Productivity

- [Low-code](https://awesome-repositories.com/f/development-tools-productivity/platforms-runtimes-language-services/development-platforms/low-code-visual-builders/low-code.md) — Implements a low-code environment for defining data flow and application behavior via visual blocks.
- [Visual Flow Orchestrators](https://awesome-repositories.com/f/development-tools-productivity/workflow-automation-tools/process-orchestration/visual-flow-orchestrators.md) — Allows defining application behavior and data flow by arranging visual logic blocks into diagrams.

### Programming Languages & Runtimes

- [Visual-to-JavaScript Compilers](https://awesome-repositories.com/f/programming-languages-runtimes/visual-to-javascript-compilers.md) — Transforms visual graph specifications of application logic into executable JavaScript functions at runtime.

### Software Engineering & Architecture

- [Visual Logic Orchestration](https://awesome-repositories.com/f/software-engineering-architecture/application-logic-automation/visual-logic-orchestration.md) — Enables the definition of application behavior and data flow using visual logic blocks instead of manual coding. ([source](https://cdn.jsdelivr.net/gh/codebdy/rxdrag@master/README.md))

### User Interface & Experience

- [Drag-and-Drop Layout Engines](https://awesome-repositories.com/f/user-interface-experience/drag-and-drop-layout-engines.md) — Provides a layout engine that calculates element positioning and nesting through a visual coordinate system.
- [Visual HTML CSS Designers](https://awesome-repositories.com/f/user-interface-experience/visual-html-css-designers.md) — Offers a graphical interface for designing and modifying web layouts based on HTML for faster prototyping.
- [Reactive View Updates](https://awesome-repositories.com/f/user-interface-experience/view-to-data-mappings/reactive-view-updates.md) — Automatically synchronizes the UI layer when the underlying data model changes via a stream-based observation system.