Awesome GitHub RepositoriesAutomatic Layout Engines

Pretext is a canvas-based text layout engine designed to calculate precise text dimensions and line breaks for custom rendering. It serves as a rich text measurement tool and a cross-browser typography normalizer, enabling the determination of pixel-perfect widths and heights for mixed inline content without relying on browser CSS. The project distinguishes itself through its ability to handle complex typography and dynamic layouts. It implements language-specific segmentation rules for CJK and Hangul scripts and corrects emoji width variances between DOM and canvas rendering. Additionally, i

Hyperframes is an HTML-to-video rendering engine and composition tool that transforms web layouts and CSS into encoded video files. It functions as a headless browser video pipeline and a distributed video rendering framework, allowing users to create seekable animations and programmatic motion designs using HTML, CSS, and JavaScript. The project differentiates itself as an AI agent video orchestrator, enabling the automation of video scripts and compositions through natural language prompts. It supports distributed video encoding by splitting rendering tasks across multiple serverless functi

Fyne is a cross-platform graphical user interface toolkit for the Go programming language. It provides a comprehensive framework for building native applications that run on desktop, mobile, and web environments from a single codebase. The toolkit centers on a canvas-based rendering engine and a device-independent layout engine, ensuring that visual elements maintain consistent dimensions and behavior across diverse operating systems and screen densities. The project distinguishes itself through a reactive data-binding system that automatically synchronizes application state with interface co

LibGDX is a Java-based framework designed for cross-platform game development, enabling the creation and deployment of 2D and 3D games across desktop, mobile, and web environments from a single codebase. It functions as a comprehensive library that abstracts hardware-accelerated graphics, audio, input, and file system access, providing a unified interface for developers to manage game logic and application lifecycles. The framework distinguishes itself through a high-performance architecture that prioritizes efficiency and native interoperability. It utilizes a batch-oriented graphics pipelin

React Grid Layout is a toolkit for building draggable, resizable, and responsive dashboard interfaces. It functions as a coordinate-based grid system that reconciles component positions and dimensions through declarative metadata, allowing developers to manage complex collections of UI elements that users can interact with directly. The library distinguishes itself through an automated packing algorithm that maintains structural integrity by shifting elements to fill gaps and resolving overlaps. It supports responsive design by monitoring container width changes against pre-defined breakpoint

vim-airline is a customizable status and tab line plugin for Vim that displays editor state and plugin metadata in real time. It serves as a visual interface extension and buffer manager, providing an enhanced UI through a dynamic status line and a top tab bar for navigating open files. The plugin features a theme-based styling system that supports predefined color schemes and specialized font icons. Users can configure the visual aesthetic by modifying colors and reordering individual status line sections to control which information is visible. The system manages editor state visualization

This project is an LLM-powered presentation generator and HTML slide deck framework designed to produce single-file presentations. It combines an AI-driven generation system with a playback engine that utilizes WebGL-accelerated rendering for high-performance visual storytelling. The system is distinguished by its focus on design system enforcement, utilizing a validator to ensure layouts adhere to specific typographic and structural rules. It includes a specialized AI visual asset pipeline that generates context-aware imagery and transforms raw screenshots into polished assets through progra

RenderCV is a command-line utility designed to transform structured YAML data into professionally typeset documents. By separating content from presentation, it allows users to maintain version-controlled resumes that are automatically rendered into high-quality PDF, HTML, and Markdown formats. The system leverages a specialized typesetting engine to ensure precise layout control and professional-grade typography. The project distinguishes itself through a schema-driven approach that enforces strict data validation, ensuring that input files are error-free before processing. Users can customi

ImageMagick is a comprehensive software suite for the creation, editing, composition, and conversion of digital images. It functions as both a command-line utility for batch processing and automation, and as a programming library that allows developers to integrate advanced image manipulation capabilities into external applications. The project is distinguished by its modular architecture, which supports hundreds of image formats through a pluggable coder system and external delegate libraries. It is designed for high-performance environments, utilizing memory-mapped pixel caching, stream-ori

AndroidAutoSize is a screen adaptation library for Android that automatically scales layout dimensions and view sizes across different screen resolutions. It functions as an automatic layout scaler and view dimension manager, ensuring that user interface proportions remain consistent by referencing a base design dimension. The library allows developers to define screen measurements using alternative units such as millimeters, inches, or points instead of standard density-independent pixels. It includes capabilities for custom dimension overrides, enabling the scaling process to be disabled or

UITableView-FDTemplateLayoutCell is a specialized table view cell component for iOS designed to automatically calculate and manage dynamic row heights based on content constraints. It provides a programmatic implementation for determining cell dimensions using auto layout to ensure content fits without requiring manual height overrides. The project utilizes a template-cell sizing mechanism that employs a hidden cell instance to calculate dimensions without triggering the actual table view rendering process. To maintain scrolling performance in long lists, it includes a caching system that sto

This is a bottom sheet component library for React Native that provides gesture-driven panels sliding up from the bottom of the screen. The library is built around configurable snap points, dynamic sizing, keyboard awareness, modal presentation, and synchronized scrolling, with native driver animation offloaded to the native thread for smooth performance. The library distinguishes itself through deep gesture and animation control, including custom gesture handler overrides, scroll-gesture synchronization, and dynamic snap point recalculation when content size or keyboard visibility changes. I

gridstack.js is a JavaScript grid layout library and responsive dashboard framework used to create interactive interfaces with draggable and resizable elements. It functions as a drag-and-drop layout manager and a JSON-serializable layout engine, allowing user-defined interface states to be persisted and restored. The library distinguishes itself through a touch-enabled grid interface and a responsive system that automatically adjusts item placement based on screen breakpoints. It features a collision-based layout engine that manages overlapping coordinates to shift or swap elements, alongsid

Checkstyle is a Java static analysis tool and linter designed to identify and enforce coding standards and best practices. It functions as a code quality auditor and Javadoc validation tool, checking source code against configurable rulesets to ensure structural and stylistic consistency. The project allows for the creation of custom linting rules by extending a core API to inspect the abstract syntax tree. It further enables specialized validation through the use of XPath expressions to query the syntax tree for specific code patterns and violations. Capability areas include the enforcement

vue-grid-layout is a draggable and resizable grid system for Vue.js that enables users to customize the placement and size of interface elements. It functions as a dynamic widget orchestrator and a state-persistent layout manager, allowing for the creation of customizable dashboard interfaces where components can be arranged and sized according to user preference. The system operates as a responsive dashboard framework that automatically adapts grid arrangements based on viewport size and supports right-to-left text directions. It provides the ability to capture and serialize grid positions a

Superdesign is an AI-powered design platform that generates UI mockups, wireframes, and multi-page user flows from natural language prompts within a collaborative canvas environment. It functions as a design-to-code exporter, producing production-ready HTML, ZIP archives, or Shopify Liquid templates for direct implementation, and includes an OpenAPI specification importer that automatically generates API documentation and client code from schema definitions. The platform distinguishes itself through a branch-based design exploration system that creates independent design variations from a sin

Countly is a self-hosted product analytics and engagement platform that tracks user behavior across mobile, web, and desktop applications. It collects and analyzes device properties, user actions, and session lifecycle data to understand engagement patterns, while also providing crash reporting, push notification delivery, and A/B testing capabilities. The platform is designed for privacy-first deployment, with built-in consent management and the ability to run entirely on private infrastructure. The platform distinguishes itself through its comprehensive feature set that combines analytics w

SDAutoLayout هو إطار عمل لتخطيط واجهة المستخدم لنظام iOS ومكتبة تغليف برمجية. يوفر محرك قيود للتخطيط التلقائي (auto layout) وأدوات لإدارة أبعاد ومواقع العرض داخل نظام واجهة مستخدم Apple iOS. يتميز المشروع بحاسبة ديناميكية لارتفاع المحتوى وبناء جملة مبسط لتحديد قيود التخطيط لتقليل الكود المتكرر (boilerplate). ويتضمن أدوات متخصصة لتحديد وتخزين ارتفاع خلايا الجدول والتسميات تلقائياً بناءً على محتواها النصي الداخلي. يغطي إطار العمل مجموعة من إمكانات التخطيط، بما في ذلك تعديل حجم المحتوى التلقائي، والتحجيم بناءً على الحجم الجوهري، وحل الأبعاد المخزنة مؤقتاً لتحسين أداء التمرير.

Blueprint-css هو إطار عمل CSS يوفر مجموعة من الأنماط المحددة مسبقًا ونظام شبكة متجاوب لبناء تخطيطات صفحات ويب وطباعة متسقة. يتضمن إعادة تعيين نمط المتصفح لإزالة نمط المتصفح الافتراضي، مما يضمن نقطة بداية بصرية موحدة عبر بيئات مختلفة. يتميز إطار العمل بنظام شبكة متجاوب قائم على الأعمدة يتكيف تلقائيًا مع محتوى الويب عبر مختلف أحجام الشاشات والأجهزة. كما يتضمن ورقة أنماط طباعة مخصصة لتحسين مظهر محتوى الويب خصيصًا للطباعة المادية. يغطي المشروع توحيد الطباعة، وتصميم مدخلات النماذج، وتحسين أصول الواجهة الأمامية. يتم توفير سكربت بناء لتصغير أوراق الأنماط وإزالة الميزات غير المستخدمة لتقليل حجم حزمة الأصول النهائية. تشمل أدوات التطوير نظام التحقق من التخطيط الذي يحدد العناصر في المتصفح للإشارة إلى الإعلانات المفقودة أو استخدام الفئة غير الصحيح.

nanogui هي مجموعة أدوات C++ أصلية لعرض مكونات واجهة المستخدم التفاعلية مباشرة داخل سياق رسومات OpenGL. تعمل كمكتبة عناصر واجهة مستخدم عبر الأنظمة الأساسية وإطار عمل فوري لإنشاء النوافذ والأزرار وأشرطة التمرير وحقول الإدخال. توفر مجموعة الأدوات قدرات متخصصة لبناء واجهات تقنية، بما في ذلك لوحات التحكم في المعلمات في الوقت الفعلي والأدوات المخصصة للبرامج كثيفة الرسومات. وهي تضمن الاتساق البصري عبر أنظمة التشغيل ودقة الشاشة المختلفة من خلال تحجيم الإحداثيات المدرك لـ DPI. يتضمن إطار العمل محرك تخطيط قائم على القيود لتحديد موضع عناصر واجهة المستخدم تلقائياً وتسلسلاً هرمياً قائماً على المركبات لتنظيم عناصر الواجهة. تتم إدارة تفاعلات المستخدم عبر معالجة الإدخال القائمة على الحالة ومعالجة الأحداث القائمة على رد الاتصال لتعيين المدخلات الرسومية إلى منطق التطبيق.