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 is a Swift programmatic UI layout framework that orchestrates interface elements through a relative positioning engine. It calculates view sizes and positions at runtime to create responsive user interfaces without using constraints, springs, struts, or visual format language. The system organizes elements into stacks and groups using a coordinate-based orchestrator that resolves alignment rules between sibling and parent components. It utilizes a rule-based coordinate mapping approach to translate high-level alignment descriptors into absolute screen coordinates. The framework provides

MyLinearLayout iOS के लिए एक Objective-C UI लेआउट फ्रेमवर्क और रिस्पॉन्सिव लेआउट इंजन है। यह एक मल्टी-पैटर्न व्यू ऑर्केस्ट्रेटर के रूप में कार्य करता है जो लीनियर, रिलेटिव और ग्रिड लेआउट पैटर्न के संयोजन का उपयोग करके इंटरफ़ेस तत्वों को व्यवस्थित करता है। यह लाइब्रेरी गतिशील स्थान वितरण के लिए iOS व्यूज़ में CSS फ्लेक्सबॉक्स और फ्लोटिंग एलिमेंट व्यवहार लाती है। इसमें राइट-टू-लेफ्ट भाषा ओरिएंटेशन के लिए एक समर्पित सिस्टम शामिल है, जो स्थानीयकृत लेआउट का समर्थन करने के लिए इंटरफ़ेस तत्वों की स्वचालित मिररिंग प्रदान करता है। यह फ्रेमवर्क व्यवस्था रणनीतियों की एक विस्तृत श्रृंखला को कवर करता है, जिसमें फ्लो-आधारित एलिमेंट रैपिंग, फ्रेम-आधारित व्यू स्टैकिंग और टेबल और ग्रिड संगठन शामिल है। यह पाथ-आधारित व्यू एलाइनमेंट के माध्यम से ऑर्गेनिक व्यवस्था का भी समर्थन करता है और विभिन्न डिवाइस स्क्रीन आकारों और ओरिएंटेशन के अनुकूल होने के लिए एडेप्टिव साइज़ क्लासेस प्रदान करता है।

Bond is a Swift data binding framework designed to synchronize data models and user interface elements through one-way and two-way value flows. It functions as a reactive suite for monitoring collection changes, transforming data streams, and bridging user interface events to data models. The project provides a reactive bridge that transforms user interface interactions and protocol delegate method calls into observable signals. It includes a collection observer to monitor changes in arrays and a functional data stream processor that applies operators to modify or combine values before they r

TinyConstraints एक घोषणात्मक UI लेआउट इंजन और बाधा-आधारित पोजिशनिंग फ्रेमवर्क है जिसे व्यू बाधाओं, स्थानिक संबंधों और तत्व आयामों की परिभाषा को सरल बनाने के लिए डिज़ाइन किया गया है। यह एक ऑटो लेआउट रैपर लाइब्रेरी के रूप में कार्य करता है जो रिलेशनल एंकर और प्राथमिकता-आधारित साइजिंग नियमों के माध्यम से तत्वों की स्थिति की अनुमति देता है। यह सिस्टम क्षैतिज या ऊर्ध्वाधर अनुक्रमों में कस्टम व्यू स्टैकिंग और सटीक एज एलाइनमेंट और सेंटरिंग के लिए ऑफसेट के उपयोग का समर्थन करके अनुकूली इंटरफ़ेस डिज़ाइन को सक्षम बनाता है। यह विभिन्न व्यू स्टेट्स के बीच ट्रांज़िशन करने के लिए लेआउट बाधाओं और निरंतर मूल्यों को अपडेट करके डायनामिक इंटरफ़ेस एनिमेशन का समर्थन करता है। यह फ्रेमवर्क व्यापक लेआउट प्रबंधन क्षमताओं को कवर करता है, जिसमें व्यू आयामों की परिभाषा, व्यू एंकर का संबंध, और विज़ुअल अपडेट को ट्रिगर करने के लिए बाधा स्टेट्स का प्रबंधन शामिल है।

: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.