Layouts

Last updated February 28, 2026

Organize your blocks with different layout options including list, grid, carousel, and more.

What are layouts?

Layouts control how groups of blocks are arranged on your page. Instead of every block appearing the same way, you can choose different display styles that best suit your content. The right layout can make your page easier to browse and more visually appealing.

Layout options

List

The list layout stacks your blocks vertically, one on top of the other. This is the default layout and works well for most pages. Each block gets the full width of your page, making titles and descriptions easy to read.

Best for: a straightforward set of links, coupons, or mixed content where you want each item to stand on its own.

Grid

The grid layout arranges blocks in a two-column layout. This creates a more compact, visual page that lets visitors scan more content at once without scrolling as far.

Best for: product blocks, image-heavy content, or any time you have several items of similar importance that benefit from side-by-side comparison.

The carousel layout displays blocks as horizontally swipeable cards. Visitors swipe left and right to browse through the items. You can also enable auto-play so the cards scroll on their own at an interval you choose.

Best for: featured collections, product highlights, or any content you want to present in a focused, one-at-a-time experience.

Icon grid

The icon grid layout displays links as compact circular icons arranged in a flexible row. Only the icon is shown -- no title or description text -- making it the most space-efficient layout. Visitors see a tooltip with the link title when they hover.

Best for: social media profiles, platform links, or any set of recognizable brands where the icon alone communicates the destination.

Separators

Separators are structural elements you place between block groups to create visual breathing room. There are two styles:

  • Line -- a subtle horizontal rule that divides sections.
  • Space -- an invisible gap that adds vertical spacing without a visible divider.

Use separators to break your page into clear sections and guide visitors through your content.

Changing a block group's layout

To change the layout of a block group, select the group in the builder and open its settings. You will see the available layout options. Choose the one that fits your content, and the blocks inside that group will rearrange accordingly. You can switch layouts at any time without losing your content.