Awesome GitHub RepositoriesLayout Frameworks

SnapKit is a declarative layout library and domain-specific language for managing user interface constraints and view relationships in Swift. It serves as a programmatic framework for positioning and sizing interface elements on iOS and macOS by wrapping native Auto Layout calls in a concise syntax. The library provides a fluent interface that translates high-level descriptive language into imperative layout rules. It differentiates itself through automatic constraint tracking and lifecycle management, allowing for the bulk removal and replacement of positioning rules without manual tracking

Yoga is an embeddable UI layout library and engine that implements the flexible box model used in web standards. It functions as a cross-platform tool for computing user interface geometry, calculating element sizes and positions without relying on a specific operating system's rendering. The engine provides a portable C++ core to ensure identical layout calculations across Android, iOS, and the web. It utilizes an abstract node interface to separate the layout logic from the host UI framework, allowing it to be integrated into native applications. The system manages interface rendering thro

Masonry is a declarative UI layout engine and domain-specific language for defining layout constraints on iOS and macOS. It serves as a wrapper for native Apple layout constraints, providing a system for positioning views on a screen by declaring rules and priorities. The library implements a fluent interface that uses chainable method calls to define complex screen layouts. This approach replaces native configuration calls with an expressive syntax for generating layout rules. The engine includes capabilities for managing constraint priorities to resolve layout conflicts and tools for updat

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

Flexboxgrid is a responsive CSS framework and layout engine based on CSS3 standards. It provides a grid system that uses the flexbox model to arrange page elements into flexible, proportional grids that adapt to different screen sizes and device resolutions. The framework implements a float-free responsive design, utilizing a media-query breakpoint system to adjust layouts and column counts based on viewport width. It employs percentage-based column sizing and negative-margin guttering to maintain consistent spacing and fluid scaling across various displays. The system maps layout configurat

PureLayout is a declarative layout framework and Auto Layout wrapper library used for positioning views and managing constraints in iOS and macOS applications. It provides a programmatic engine for building user interfaces through constrained-based positioning and priority levels. The framework utilizes a fluent-interface API design and wrapper-based abstractions to simplify the definition of layout constraints. It features deferred and batch constraint activation to group multiple rules together for simultaneous application to the view hierarchy. The project covers general Auto Layout manag

Cartography is a declarative layout engine and constraint management framework for Swift. It provides a domain-specific language to define, group, and prioritize user interface layout rules, abstracting the process of positioning and aligning visual components. The framework distinguishes itself through a fluent API and the use of overloaded operators to define relationships between view attributes. It enables the bundling of multiple layout rules into single units, allowing for the dynamic swapping of constraint groups at runtime to transition views between different positional states. The

Neon هو إطار عمل لتخطيط واجهة المستخدم البرمجية في Swift يقوم بتنسيق عناصر الواجهة من خلال محرك تحديد المواقع النسبي. يقوم بحساب أحجام ومواقع العرض في وقت التشغيل لإنشاء واجهات مستخدم سريعة الاستجابة دون استخدام قيود (constraints) أو نوابض أو دعامات أو لغة تنسيق مرئية. ينظم النظام العناصر في مكدسات ومجموعات باستخدام منسق قائم على الإحداثيات يحل قواعد المحاذاة بين المكونات الشقيقة والأصلية. يستخدم نهج تعيين الإحداثيات القائم على القواعد لترجمة واصفات المحاذاة عالية المستوى إلى إحداثيات شاشة مطلقة. يوفر إطار العمل قدرات لترسيخ العرض الفائق، وملء مساحة الحاوية، وحسابات الحجم الديناميكي المناسب. كما يدعم محاذاة العرض النسبي وتنظيم العناصر الشقيقة في مكدسات أفقية أو رأسية محاذاة للحواف أو الزوايا أو المراكز.

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

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

TinyConstraints is a declarative UI layout engine and constraint-based positioning framework designed to simplify the definition of view constraints, spatial relationships, and element dimensions. It functions as an auto layout wrapper library that allows for the positioning of elements through relational anchors and priority-based sizing rules. The system enables adaptive interface design by supporting custom view stacking in horizontal or vertical sequences and the use of offsets for precise edge alignment and centering. It further supports dynamic interface animations by updating layout co

:leaves: Concise Autolayout code

Fast Swift Views layouting without auto layout. No magic, pure code, full control and blazing fast. Concise syntax, intuitive, readable & chainable. iOS/macOS/tvOS/CALayer

A declarative UI framework for iOS

FlexLayout adds a nice Swift interface to the highly optimized facebook/yoga flexbox implementation. Concise, intuitive & chainable syntax.

The most powerful Grid container missed in SwiftUI

Auto Layout made easy

UIView category which makes it easy to create layout constraints in code

Flexbox in Swift, using Facebook's css-layout.

Programmatic view layout for the rest of us.