Awesome Open Source
Awesome Open Source

TinyConstraints is the syntactic sugar that makes Auto Layout sweeter for human use.



  • [X] Pure Swift 5 sweetness.
  • [X] Everything you can do with Auto Layout, but shorter.
  • [X] Constraints are active by default.
  • [X] 100% compatible with other Auto Layout code.
  • [X] Optionally store your constraints.
  • [X] Set constraint priorities upon creation.
  • [X] Constrain directly to the superview.
  • [X] Stack views together with one line of code.
  • [X] No need to set translatesAutoresizingMaskIntoConstraints because TinyConstraints does it for you.



Attaching a view to its superview with NSLayoutConstraint:

    view.topAnchor.constraint(equalTo: superview.topAnchor, constant: 0),
    view.leadingAnchor.constraint(equalTo: superview.leadingAnchor, constant: 0),
    view.bottomAnchor.constraint(equalTo: superview.bottomAnchor, constant: 0),
    view.trailingAnchor.constraint(equalTo: superview.trailingAnchor, constant: 0)

with TinyConstraints:



view.edgesToSuperview(insets: .top(10) + .left(10))


Constraining the center of a view to its superview with NSLayoutConstraint:

    view.centerXAnchor.constraint(equalTo: superview.centerXAnchor, constant: 0)
    view.centerYAnchor.constraint(equalTo: superview.centerYAnchor, constant: 0)

with TinyConstraints: superview)

or: superview, offset: CGPoint(x: 10, y: 10))

Basic Use


TinyConstraints gives you convenient and tiny typealiases for handling constraints.

  • Constraint = NSLayoutConstraint
  • Constraints = [NSLayoutConstraint]

Equal and Unequal Anchors

This constraints the top-anchor of the view to the top-anchor of the superview: superview)

This constraints the top-anchor of firstView to the bottom-anchor of secondView:

firstView.topToBottom(of: secondView)

Constrain to Superview

Often you need to constrain a view to it's superview, with TinyConstraints you can do this super easy:


Or only one edge:


Or you can attach all edges except one, like this:

view.edgesToSuperview(excluding: .bottom)

Relation and Priority

For almost all constraints you can set the relation and priority properties. The default relation is .equal and the default priority is .required:

container.width(150, relation: .equalOrLess, priority: .high)

Storing Constraints

Here we create a set of inactive constraints and store these to our property:

let constraints = view.size(CGSize(width: 100, height: 100), isActive: false)

Activation and Deactivation

Besides the default NSLayoutConstraint activation, TinyConstraints also provides a way to activate a set of constraints:


You can also do this in an animation:


UIViewPropertyAnimator(duration: 1, dampingRatio: 0.4) {

Animating Constraint Constants

Here we add a height constraint to a view, store it and animate it later:

let height = view.height(100)

height.constant = 200
UIViewPropertyAnimator(duration: 1, dampingRatio: 0.4) {


Stack provides a way of constraining views together in a superview:

let views = [logo, title, description]
superview.stack(views, axis: .vertical, spacing: 10)
Find these examples and more in the Example Project.



TinyConstraints is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod "TinyConstraints"


TinyConstraints is available through Carthage. To install it, simply add the following line to your Cartfile:

github "roberthein/TinyConstraints"

Swift Package Manager

TinyConstraints is available through Swift Package Manager. To install it, in Xcode 11.0 or later select File > Swift Packages > Add Package Dependency... and add TinyConstraints repository URL:


Here are some video tutorials made by Alex Nagy.

Suggestions or feedback?

Feel free to create a pull request, open an issue or find me on Twitter.

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Swift (94,949
Library (11,545
Animation (5,243
Swift4 (1,452
Stack (1,387
Layout (1,009
Swift5 (925
Arkit (461
Auto (322
Constraints (272
Center (109
Sugar (66
Nslayoutconstraints (26
Sweet (22
Syntactic (10
Superview (4
Related Projects