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 هو منشئ تطبيقات سطح مكتب أصلي ومجموعة أدوات واجهة مستخدم لإنشاء واجهات رسومية عالية الأداء. يستخدم نموذج برمجة وظيفي وتفاعلي لإدارة التخطيط والحالة، مما يتيح تطوير برمجيات أصلية من خلال مجموعة أدوات تعتمد على CSS. يتميز إطار العمل باستخدامه لمحرك WebRender لتوفير عرض مسرع بواسطة وحدة معالجة الرسومات (GPU). يسمح هذا للنظام بعرض عناصر واجهة المستخدم المعقدة بكفاءة وسرعة عاليتين من خلال الاستفادة من تسريع الأجهزة. يمكن المشروع من تصميم واجهات سطح المكتب باستخدام نموذج كائن المستند (DOM) وبناء جملة تصميم مشابه لـ HTML وCSS. تغطي مساحة قدراته تصميم الواجهات متعدد المنصات وإنشاء واجهات سطح المكتب القائمة على تقنيات الويب.

FigmaToCode هو محول من التصميم إلى الكود ومولد كود للواجهة الأمامية يقوم بتحويل ملفات تصميم Figma إلى كود مصدري متجاوب. يعمل كمترجم واجهة مستخدم متعدد المنصات، حيث يربط عناصر التصميم المرئي بالقيود الهيكلية لبيئات الويب والهاتف المحمول. يدعم النظام إصدار بناء جملة متعدد الأهداف لإنتاج كود لـ HTML، وTailwind CSS، وFlutter، وSwiftUI. يقوم بأتمتة تنسيق الواجهة الأمامية عن طريق تحويل متغيرات نظام التصميم والتأثيرات المرئية إلى كود متسق مع السمات عبر إطارات العمل المختلفة هذه. تتعامل الأداة مع تنفيذ واجهة المستخدم المتجاوبة من خلال ترجمة عقد التصميم إلى تخطيطات تتكيف مع أحجام الشاشات المختلفة. تدير تحويل تسلسلات التصميم، والعلاقات المكانية، ولوحات الألوان إلى خصائص تخطيط وظيفية وتعريفات نمطية.

Ultralight is a GPU-accelerated HTML UI renderer and C++ framework designed for embedding web interfaces within native applications. It functions as a lightweight web browser and cross-platform UI framework that renders HTML, CSS, and JavaScript directly to CPU pixel buffers or GPU textures. The project distinguishes itself by allowing developers to emit raw geometry and draw calls via a custom GPU driver interface, eliminating intermediate CPU bitmaps. It provides deep integration between native logic and web environments through a C++ web interface library that binds native functions and ob