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 ist ein nativer Desktop-Anwendungs-Builder und ein UI-Toolkit zur Erstellung leistungsstarker grafischer Benutzeroberflächen. Es nutzt ein funktionales und reaktives Programmiermodell zur Verwaltung von Layout und Zustand und ermöglicht die Entwicklung nativer Software durch ein CSS-basiertes Toolkit. Das Framework zeichnet sich durch die Verwendung der WebRender-Engine aus, um GPU-beschleunigtes Rendering bereitzustellen. Dies ermöglicht es dem System, komplexe Benutzeroberflächenelemente mit hoher Effizienz und Geschwindigkeit durch Hardwarebeschleunigung darzustellen. Das Projekt ermöglicht das Design von Desktop-Oberflächen unter Verwendung eines Document Object Models (DOM) und einer Styling-Syntax, die HTML und CSS ähnelt. Die Funktionalität deckt plattformübergreifendes Interface-Design und die Erstellung von Desktop-Oberflächen auf Basis von Webtechnologien ab.

FigmaToCode is a design-to-code converter and frontend code generator that transforms Figma design files into responsive source code. It functions as a multi-platform UI compiler, mapping visual design elements to structural constraints for web and mobile environments. The system supports multi-target syntax emission to produce code for HTML, Tailwind CSS, Flutter, and SwiftUI. It automates frontend styling by converting design system variables and visual effects into theme-consistent code across these different frameworks. The tool handles responsive UI implementation by translating design

Ultralight ist ein GPU-beschleunigter HTML-UI-Renderer und C++-Framework, das für die Einbettung von Weboberflächen in native Anwendungen entwickelt wurde. Es fungiert als leichtgewichtiger Webbrowser und plattformübergreifendes UI-Framework, das HTML, CSS und JavaScript direkt in CPU-Pixelpuffer oder GPU-Texturen rendert. Das Projekt zeichnet sich dadurch aus, dass Entwickler rohe Geometrie und Draw-Calls über eine benutzerdefinierte GPU-Treiber-Schnittstelle ausgeben können, wodurch zwischengeschaltete CPU-Bitmaps entfallen. Es bietet eine tiefe Integration zwischen nativer Logik und Web-Umgebungen durch eine C++-Web-Interface-Bibliothek, die native Funktionen und Objekte an eine JavaScript-Virtual-Machine bindet. Die Engine deckt ein breites Spektrum an Funktionen ab, einschließlich Paint-Tree-Layout-Rendering, asynchronem View-Management und host-gesteuerten Render-Zyklen. Sie unterstützt benutzerdefinierte Plattform-Handler zum Überschreiben von OS-Level-Datei- und Zwischenablage-Verhalten, Benutzereingabe-Weiterleitung sowie die Möglichkeit, Web-Assets direkt in Anwendungs-Binaries zu bündeln. Der Renderer kann über von der Community gepflegte Wrapper für C#, Java und Rust in verschiedene Programmiersprachen integriert werden.