Awesome GitHub RepositoriesLayout Tree Construction

Yoga is a cross-platform layout engine and embeddable core that determines the dimensions and offsets of hierarchical element trees. It provides a C++ implementation of the Flexbox layout model to calculate element positions and sizes based on web standards, ensuring a uniform appearance across diverse devices and operating systems. The engine is designed for portability via a C API, allowing the layout logic to be integrated into various host languages and platforms. It utilizes an incremental layout system that identifies modified subtrees and recalculates positions only for changed nodes a

GoJS is a JavaScript diagramming library and canvas-based visualization engine used to build interactive flowcharts, organizational charts, and network diagrams. It functions as a data-driven framework that binds JavaScript data models to visual elements, enabling bidirectional synchronization between the underlying data and the graphical representation. The library features a comprehensive graph layout engine capable of automatically arranging nodes into trees, grids, circles, or force-directed layouts. It distinguishes itself through a template-based system for generating visual parts and a

Azul es un constructor de aplicaciones de escritorio nativas y toolkit de UI para crear interfaces gráficas de usuario de alto rendimiento. Utiliza un modelo de programación funcional y reactiva para gestionar el diseño y el estado, permitiendo el desarrollo de software nativo a través de un toolkit basado en CSS. El framework se distingue por su uso del motor WebRender para proporcionar renderizado acelerado por GPU. Esto permite al sistema mostrar elementos de interfaz de usuario complejos con alta eficiencia y velocidad aprovechando la aceleración por hardware. El proyecto permite el diseño de interfaces de escritorio utilizando un modelo de objetos de documento y una sintaxis de estilo similar a HTML y CSS. Su superficie de capacidades cubre el diseño de interfaces multiplataforma y la creación de interfaces de escritorio basadas en tecnología web.

FigmaToCode es un convertidor de diseño a código y generador de código frontend que transforma archivos de diseño de Figma en código fuente responsivo. Funciona como un compilador de UI multiplataforma, mapeando elementos de diseño visual a restricciones estructurales para entornos web y móviles. El sistema admite la emisión de sintaxis multi-objetivo para producir código para HTML, Tailwind CSS, Flutter y SwiftUI. Automatiza el estilo del frontend convirtiendo variables de sistemas de diseño y efectos visuales en código consistente con el tema a través de estos diferentes frameworks. La herramienta maneja la implementación de UI responsiva traduciendo nodos de diseño en layouts que se adaptan a varios tamaños de pantalla. Gestiona la conversión de jerarquías de diseño, relaciones espaciales y paletas de colores en propiedades de layout funcionales y definiciones de estilo.

Ultralight es un renderizador de UI HTML acelerado por GPU y un framework de C++ diseñado para incrustar interfaces web dentro de aplicaciones nativas. Funciona como un navegador web ligero y un framework de UI multiplataforma que renderiza HTML, CSS y JavaScript directamente a buffers de píxeles de CPU o texturas de GPU. El proyecto destaca al permitir a los desarrolladores emitir geometría cruda y llamadas de dibujo a través de una interfaz de controlador de GPU personalizada, eliminando los bitmaps intermedios de la CPU. Proporciona una integración profunda entre la lógica nativa y los entornos web a través de una biblioteca de interfaz web de C++ que vincula funciones y objetos nativos a una máquina virtual de JavaScript. El motor cubre una amplia gama de capacidades, incluyendo renderizado de diseño de árbol de pintura, gestión de vistas asíncronas y ciclos de renderizado controlados por el host. Admite manejadores de plataforma personalizados para anular comportamientos de archivos y portapapeles a nivel de SO, reenvío de entrada de usuario y la capacidad de empaquetar activos web directamente en binarios de aplicación. El renderizador puede integrarse en varios lenguajes de programación a través de envoltorios mantenidos por la comunidad para C#, Java y Rust.