Layouts used for positioning content inside of pages, cards, or containers.




Collection Layout

Layout can leverage the max-width property. Learn more in our visual guidelines.

Collection Detail Layout

The left element on Collection Detail can be used for things such as navigation or secondary content to the element on the right. The right content can be used the same way that you would use Collection. The element on the right should be the primary focus and can be used for repeating elements such as cards.

Kanban Layout

Content Layout

Masonry Layout

UI Samples using Layout Kit

Get the full picture. See how this kit is used in our samples.

Available Props