Popularity

1.7

Stable

Activity

3.9

Stars 52

Watchers 4

Forks 8

Last Commit 9 days ago

Description

SuperLayout is a library that adds a few custom operators to Swift that makes using the amazing NSLayoutAnchor API for Auto Layout a breeze. SuperLayout doesn't override already-defined methods in Equatable (such as == and >=), and defines ones that are logical and easily understandable to anyone who might be inheriting your codebase or joining your team.

Programming language: Swift

License: Apache License 2.0

Tags: Layout Auto Layout UI Utility iOS Swift Syntax Autolayout

Latest version: v3.0.0

SuperLayout alternatives and similar libraries

Based on the "UI" category.
Alternatively, view SuperLayout alternatives based on common mentions on social networks and blogs.

Charts

10.0 4.5 L1 SuperLayout VS Charts

Beautiful charts for iOS/tvOS/OSX! The Apple side of the crossplatform MPAndroidChart.
Material

9.9 0.0 L2 SuperLayout VS Material

A UI/UX framework for creating beautiful applications.

CodeRabbit: AI Code Reviews for Developers

Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

Promo coderabbit.ai

Hero

9.9 4.0 L2 SuperLayout VS Hero

Elegant transition library for iOS & tvOS
folding-cell

9.8 0.0 L4 SuperLayout VS folding-cell

:octocat: 📃 FoldingCell is an expanding content cell with animation made by @Ramotion
NVActivityIndicatorView

9.8 4.5 L2 SuperLayout VS NVActivityIndicatorView

A collection of awesome loading animations
Eureka

9.8 3.0 L2 SuperLayout VS Eureka

Elegant iOS form builder in Swift
Animated Tab Bar

9.8 0.0 L5 SuperLayout VS Animated Tab Bar

:octocat: RAMAnimatedTabBarController is a Swift UI module library for adding animation to iOS tabbar items and icons. iOS library made by @Ramotion
LTMorphingLabel

9.7 3.3 L3 SuperLayout VS LTMorphingLabel

[EXPERIMENTAL] Graceful morphing effects for UILabel written in Swift.
JTAppleCalendar

9.7 7.6 L1 SuperLayout VS JTAppleCalendar

The Unofficial Apple iOS Swift Calendar View. Swift calendar Library. iOS calendar Control. 100% Customizable
FSPagerView

9.7 1.0 L2 SuperLayout VS FSPagerView

FSPagerView is an elegant Screen Slide Library. It is extremely helpful for making Banner View、Product Show、Welcome/Guide Pages、Screen/ViewController Sliders.
SwiftMessages

9.7 5.1 L2 SuperLayout VS SwiftMessages

A very flexible message bar for UIKit and SwiftUI.
XLPagerTabStrip

9.7 2.3 L4 SuperLayout VS XLPagerTabStrip

Android PagerTabStrip for iOS.
Macaw

9.6 1.8 L2 SuperLayout VS Macaw

Powerful and easy-to-use vector graphics Swift library with SVG support
Alerts Pickers

9.6 0.0 SuperLayout VS Alerts Pickers

Advanced usage of UIAlertController and pickers based on it: Telegram, Contacts, Location, PhotoLibrary, Country, Phone Code, Currency, Date...
TextFieldEffects

9.6 0.0 L5 SuperLayout VS TextFieldEffects

Custom UITextFields effects inspired by Codrops, built using Swift
SideMenu

9.6 0.0 L5 SuperLayout VS SideMenu

Simple side/slide menu control for iOS, no code necessary! Lots of customization. Add it to your project in 5 minutes or less.
Pagemenu

9.6 0.0 L2 SuperLayout VS Pagemenu

A paging menu controller built from other view controllers placed inside a scroll view (like Spotify, Windows Phone, Instagram)
AMScrollingNavbar

9.6 0.0 L4 SuperLayout VS AMScrollingNavbar

Scrollable UINavigationBar that follows the scrolling of a UIScrollView
SwiftEntryKit

9.6 0.0 SuperLayout VS SwiftEntryKit

SwiftEntryKit is a presentation library for iOS. It can be used to easily display overlays within your iOS apps.
SwipeCellKit

9.6 0.0 L5 SuperLayout VS SwipeCellKit

Swipeable UITableViewCell/UICollectionViewCell based on the stock Mail.app, implemented in Swift.
SCLAlertView

9.5 5.2 L2 SuperLayout VS SCLAlertView

Beautiful animated Alert View. Written in Swift
Instructions

9.5 3.9 L4 SuperLayout VS Instructions

Create walkthroughs and guided tours (coach marks) in a simple way, with Swift.
SPPermission

9.5 5.1 SuperLayout VS SPPermission

Universal API for request permission and get its statuses.
Scrollable-GraphView

9.5 0.0 L3 SuperLayout VS Scrollable-GraphView

An adaptive scrollable graph view for iOS to visualise simple discrete datasets. Written in Swift.
PermissionScope

9.5 0.0 L3 SuperLayout VS PermissionScope

DISCONTINUED. A Periscope-inspired way to ask for iOS permissions.
ESTabBarController

9.5 2.0 SuperLayout VS ESTabBarController

:octocat: ESTabBarController is a Swift model for customize UI, badge and adding animation to tabbar items. Support lottie!
Material Components for iOS

9.5 8.1 L1 SuperLayout VS Material Components for iOS

[In maintenance mode] Modular and customizable Material Design UI components for iOS
ImagePicker

9.5 0.0 L5 SuperLayout VS ImagePicker

:camera: Reinventing the way ImagePicker works.
NotificationBanner

9.4 3.7 SuperLayout VS NotificationBanner

The easiest way to display highly customizable in app notification banners in iOS
BulletinBoard

9.4 0.0 SuperLayout VS BulletinBoard

General-purpose contextual cards for iOS
ActiveLabel

9.4 0.0 L4 SuperLayout VS ActiveLabel

UILabel drop-in replacement supporting Hashtags (#), Mentions (@) and URLs (http://) written in Swift
SlideMenuControllerSwift

9.3 0.0 L3 SuperLayout VS SlideMenuControllerSwift

iOS Slide Menu View based on Google+, iQON, Feedly, Ameba iOS app. It is written in pure swift.
Siren

9.3 3.8 L4 SuperLayout VS Siren

Notify users when a new version of your app is available and prompt them to upgrade.
PopupDialog

9.3 0.0 L2 SuperLayout VS PopupDialog

A simple, customizable popup dialog for iOS written in Swift. Replaces UIAlertController alert style.
PKHUD

9.3 0.0 L4 SuperLayout VS PKHUD

A Swift based reimplementation of the Apple HUD (Volume, Ringer, Rotation,…) for iOS 8.
TLYShyNavBar

9.3 0.0 L4 SuperLayout VS TLYShyNavBar

DISCONTINUED. Unlike all those arrogant UINavigationBar, this one is shy and humble! Easily create auto-scrolling navigation bars!
Cards XI

9.3 0.0 SuperLayout VS Cards XI

Awesome iOS 11 appstore cards in swift 5.
StarWars.iOS

9.2 0.0 L5 SuperLayout VS StarWars.iOS

This component implements transition animation to crumble view-controller into tiny pieces.
PanelKit

9.2 0.0 L4 SuperLayout VS PanelKit

DISCONTINUED. A UI framework that enables panels on iOS.
KMNavigationBarTransition

9.2 3.2 L5 SuperLayout VS KMNavigationBarTransition

A drop-in universal library helps you to manage the navigation bar styles and makes transition animations smooth between different navigation bar styles while pushing or popping a view controller for all orientations. And you don't need to write any line of code for it, it all happens automatically.
BouncyLayout

9.2 0.0 SuperLayout VS BouncyLayout

Make. It. Bounce.
DGElasticPullToRefresh

9.2 0.0 L4 SuperLayout VS DGElasticPullToRefresh

Elastic pull to refresh for iOS developed in Swift
Whisper

9.2 0.0 L4 SuperLayout VS Whisper

:mega: Whisper is a component that will make the task of display messages and in-app notifications simple. It has three different views inside
Parchment

9.1 7.7 SuperLayout VS Parchment

A paging view with a highly customizable menu ✨
PaperOnboarding

9.1 0.0 L5 SuperLayout VS PaperOnboarding

:octocat: PaperOnboarding is a material design UI slider. Swift UI library by @Ramotion
CircleMenu

9.1 0.0 L5 SuperLayout VS CircleMenu

:octocat: ⭕️ CircleMenu is a simple, elegant UI menu with a circular layout and material design animations. Swift UI library made by @Ramotion
Persei

9.1 0.0 L5 SuperLayout VS Persei

Animated top menu for UITableView / UICollectionView / UIScrollView written in Swift
RazzleDazzle

9.1 0.0 L5 SuperLayout VS RazzleDazzle

A simple keyframe-based animation framework for iOS, written in Swift. Perfect for scrolling app intros.
XLActionController

9.1 1.0 L4 SuperLayout VS XLActionController

Fully customizable and extensible action sheet controller written in Swift
DOFavoriteButton

9.1 0.0 L3 SuperLayout VS DOFavoriteButton

Cute Animated Button written in Swift.

* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.

Do you think we are missing an alternative of SuperLayout or a related project?

Add another 'UI' Library

Popular Comparisons

README

[](meta/repo-banner.png) [](meta/repo-banner-bottom.png)

SuperLayout is a library that adds a few custom operators to Swift that makes using the amazing NSLayoutAnchor API for Auto Layout a breeze. SuperLayout doesn't override already-defined methods in Equatable (such as == and >=), and defines ones that are logical and easily understandable to anyone who might be inheriting your codebase or joining your team.

What It Does

In short, SuperLayout turns this:

Into this:

How it works

SuperLayout defines three custom operators: ~~, ≥≥, and ≤≤ that correspond to equalTo, ≥ to greaterThanOrEqualTo, and ≤ to lessThanOrEqualTo, respectively.

The greater than and less than operators were chosen with practicality in mind; ≥ and ≤ have simple keyboard shortcuts (just Option + < and Option + > in macOS), so there's no need to copy-paste characters when writing constraints.

Installation

SuperLayout is available via CocoaPods and SwiftPM. If you're using CocoaPods, just specify this in your Podfile:

pod 'SuperLayout'

Before You Use

To use this library, you should have a basic understanding of the NSLayoutAnchor API. If not, read up, and then check out the documentation below to get started.

NSLayoutConstraint Reference

Note: SuperLayout does not (yet) automatically turn off translatesAutoresizingMaskIntoConstraints for the views you'd like to manage with Auto Layout. Disabling this setting automatically is too magical for me. Feel free to create an issue if you disagree.

constraint(equalTo:) ➥ viewA.rightAnchor ~~ viewB.leftAnchor

Original

  viewA.rightAnchor.constraint(equalTo: viewB.leftAnchor).isActive = true

constraint(equalTo:constant:) ➥ viewA.rightAnchor ~~ viewB.leftAnchor + C

Original

  viewA.rightAnchor.constraint(equalTo: viewB.leftAnchor, constant: C).isActive = true

constraint(greaterThanOrEqualTo:) ➥ viewA.rightAnchor ≥≥ viewB.leftAnchor

Original

  viewA.rightAnchor.constraint(greaterThanOrEqualTo: viewB.leftAnchor).isActive = true

constraint(greaterThanOrEqualTo:constant:) ➥ viewA.rightAnchor ≥≥ viewB.leftAnchor + C

Original

  viewA.rightAnchor.constraint(greaterThanOrEqualTo: viewB.leftAnchor, constant: C).isActive = true

constraint(lessThanOrEqualTo:) ➥ viewA.rightAnchor ≤≤ viewB.leftAnchor

Original

  viewA.rightAnchor.constraint(lessThanOrEqualTo: viewB.leftAnchor).isActive = true

constraint(lessThanOrEqualTo:constant:) ➥ viewA.rightAnchor ≤≤ viewB.leftAnchor + C

Original

  viewA.rightAnchor.constraint(lessThanOrEqualTo: viewB.leftAnchor, constant: C).isActive = true

NSLayoutDimension Reference

constraint(equalTo:multiplier:) ➥ viewA.heightAnchor ~~ viewB.heightAnchor * M

Original

  viewA.heightAnchor.constraint(equalTo: viewB.heightAnchor, multiplier: M).isActive = true

constraint(equalTo:multiplier:constant:) ➥ viewA.heightAnchor ~~ viewB.heightAnchor * M + C

Original

  viewA.heightAnchor.constraint(equalTo: viewB.heightAnchor, multiplier: M, constant: C).isActive = true

constraint(equalToConstant:) ➥ viewA.heightAnchor ~~ C

Original

  viewA.heightAnchor.constraint(equalToConstant: C).isActive = true

constraint(greaterThanOrEqualTo:multiplier:) ➥ viewA.heightAnchor ≥≥ viewB.heightAnchor * M

Original

  viewA.heightAnchor.constraint(greaterThanOrEqualTo: viewB.heightAnchor, multiplier: M).isActive = true

constraint(greaterThanOrEqualTo:multiplier:constant:) ➥ viewA.heightAnchor ≥≥ viewB.heightAnchor * M + C

Original

  viewA.heightAnchor.constraint(greaterThanOrEqualTo: viewB.heightAnchor, multiplier: M, constant: C).isActive = true

constraint(greaterThanOrEqualToConstant:) ➥ viewA.heightAnchor ≥≥ C

Original

  viewA.heightAnchor.constraint(greaterThanOrEqualToConstant: C).isActive = true

constraint(lessThanOrEqualTo:multiplier:) ➥ viewA.heightAnchor ≤≤ viewB.heightAnchor * M

Original

  viewA.heightAnchor.constraint(lessThanOrEqualTo: viewB.heightAnchor, multiplier: M).isActive = true

constraint(lessThanOrEqualTo:multiplier:constant:) ➥ viewA.heightAnchor ≤≤ viewB.heightAnchor * M + C

Original

  viewA.heightAnchor.constraint(lessThanOrEqualTo: viewB.heightAnchor, multiplier: M, constant: C).isActive = true

constraint(lessThanOrEqualToConstant:) ➥ viewA.heightAnchor ≤≤ C

Original

  viewA.heightAnchor.constraint(lessThanOrEqualToConstant: C).isActive = true

License

SuperLayout is available under the Apache 2.0 license. See [LICENSE](LICENSE) for more info.

*Note that all licence references and agreements mentioned in the SuperLayout README section above are relevant to that project's source code only.

SuperLayout

SuperLayout is a Swift library that makes using Auto Layout a breeze.

Description

SuperLayout alternatives and similar libraries

Popular Comparisons

README

What It Does

How it works

Installation

Before You Use

NSLayoutConstraint Reference

NSLayoutDimension Reference

License