5 个仓库
Internal node trees representing each user element with type, props, and parent relationships for editor state management.
Distinct from Node-Based UI Components: Distinct from Node-Based UI Components: focuses on the internal state representation of editor elements rather than visual node-based programming interfaces.
Explore 5 awesome GitHub repositories matching user interface & experience · Editor Node Trees. Refine with filters or upvote what's useful.
Craft.js is a framework for building extensible drag-and-drop page editors using React components and serializable state management. It provides the core infrastructure to construct custom page builders where users can compose layouts by dragging, dropping, and repositioning elements within a structured editor environment. The framework manages editor state through a component-based node tree, where each user element is represented as an internal node storing its type, props, and parent relationships. This state is managed via React Context and can be serialized to JSON for persistence and sh
Provides the internal node tree that represents every user element in the page editor.
An audio server, programming language, and IDE for sound synthesis and algorithmic composition.
Organizes synthesis nodes into a tree structure that determines execution order and signal flow for audio processing.
Overtone 是一个 Lisp 音频合成库,提供了一个用于设计合成器和生成实时音频的可编程环境。它作为现场声音编程的数字信号处理框架,集成了用于从远程仓库检索和缓存声音的音频样本管理器,以及用于创作旋律和节奏结构的音乐序列生成器。 该项目通过其专门的硬件和网络接口脱颖而出,具有用于路由 MIDI 数据和在软件与外部硬件之间交换 Open Sound Control 消息的专用系统。它还包括用于算法音乐创作的工具,例如欧几里得节奏生成以及定义音阶和和弦的函数。 该框架涵盖了广泛的能力面,包括具有节点路由和自定义包络设计的数字音频信号处理。它提供了用于音频事件同步、定时排序的系统,以及将音频输出与图形库和着色器环境进行音画同步的能力。其他实用程序包括音高和和弦分析,以及音频和控制总线值的实时监控。
Organizes synthesis nodes into a tree structure to determine signal flow and execution order.
Zag 是一个无头(headless)UI 状态机库,提供无样式的组件逻辑,以确保不同渲染引擎之间的一致行为。它作为一个工具包,利用状态图(statecharts)对复杂的 UI 交互进行建模,将底层逻辑和无障碍属性与视觉样式解耦。 该库与框架无关,利用专门的适配器将其状态机逻辑与 React、Solid、Vue 和 Svelte 等各种 JavaScript 库连接起来。这种方法允许开发者在应用任何 CSS 或样式解决方案时,通过状态驱动的数据属性来维护单一的交互模型。 Zag 涵盖了广泛的功能领域,包括针对键盘导航和 ARIA 属性的全面无障碍管理,以及大量的交互式原语。这些包括输入控件、菜单和标签页等导航元素、对话框和弹出框等覆盖组件,以及用于图像裁剪和签名捕获的复杂媒体处理。它还提供了用于分层数据管理、异步列表处理以及构建引导式产品导览的实用工具。
Provides logic for inline renaming of labels within hierarchical tree structures.
Editable is a modular framework for building custom web-based rich text editors. It provides a structured environment for managing complex document content, including support for structured data like lists and grids, while maintaining an immutable tree representation to ensure predictable state manipulation. The framework distinguishes itself through a collaborative engine that synchronizes document state across multiple users in real-time using operational transformation. It also features a plugin-based architecture that allows developers to intercept rendering and node behavior, enabling th
Maps document nodes to UI components by decoupling the underlying data structure from the visual representation.