Awesome GitHub RepositoriesEditor Node Trees

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

An audio server, programming language, and IDE for sound synthesis and algorithmic composition.

Overtone es una biblioteca de síntesis de audio Lisp que proporciona un entorno programable para diseñar sintetizadores y generar audio en tiempo real. Funciona como un framework de procesamiento de señales digitales para programación de sonido en vivo, integrando un gestor de muestras de audio para recuperar y cachear sonidos desde repositorios remotos y un generador de secuencias musicales para componer estructuras melódicas y rítmicas. El proyecto se distingue por sus interfaces especializadas para hardware y redes, con un sistema dedicado para enrutar datos MIDI e intercambiar mensajes Open Sound Control entre software y hardware externo. También incluye herramientas para composición musical algorítmica, como la generación de ritmos euclidianos y funciones para definir escalas y acordes. El framework cubre una amplia superficie de capacidades, incluyendo procesamiento de señales de audio digital con enrutamiento basado en nodos y diseño de envolventes personalizadas. Proporciona sistemas para sincronización de eventos de audio, secuenciación temporizada y la capacidad de coordinar la salida de audio con bibliotecas gráficas y entornos de shaders para sincronización audiovisual. Las utilidades adicionales incluyen análisis de tono y acordes, y monitoreo en tiempo real de valores de audio y buses de control.

Zag es una librería de máquina de estados de UI headless que proporciona lógica de componentes sin estilo para asegurar un comportamiento consistente en diferentes motores de renderizado. Funciona como un kit de herramientas para modelar interacciones complejas de interfaz de usuario usando statecharts, desacoplando la lógica subyacente y los atributos de accesibilidad del estilo visual. La librería es agnóstica al framework, utilizando adaptadores especializados para conectar su lógica de máquina de estados con varias librerías de JavaScript como React, Solid, Vue y Svelte. Este enfoque permite a los desarrolladores mantener un modelo de interacción único mientras aplican cualquier solución CSS o de estilo a través de atributos de datos dirigidos por estado. Zag cubre una amplia gama de áreas funcionales, incluyendo gestión integral de accesibilidad para navegación por teclado y atributos ARIA, así como una vasta colección de primitivas interactivas. Estas incluyen controles de entrada, elementos de navegación como menús y pestañas, componentes de superposición como diálogos y popovers, y manejo complejo de medios para recorte de imágenes y captura de firmas. También proporciona utilidades para la gestión de datos jerárquicos, manejo de listas asíncronas y un sistema para construir tours guiados de productos.

Editable es un framework modular para construir editores de texto enriquecido basados en web personalizados. Proporciona un entorno estructurado para gestionar contenido de documentos complejo, incluyendo soporte para datos estructurados como listas y cuadrículas, mientras mantiene una representación de árbol inmutable para asegurar una manipulación de estado predecible. El framework se distingue por un motor colaborativo que sincroniza el estado del documento entre múltiples usuarios en tiempo real utilizando transformación operativa. También cuenta con una arquitectura basada en plugins que permite a los desarrolladores interceptar el renderizado y el comportamiento de los nodos, permitiendo la inyección de componentes y lógica personalizados en la estructura del documento. El sistema incluye un kit de herramientas integral para la transformación de contenido, facilitando la conversión de datos de documentos entre formatos HTML, Markdown y texto plano. También incorpora un sistema de historial basado en comandos para rastrear las acciones del usuario, proporcionando capacidades precisas de deshacer y rehacer durante toda la sesión de edición.