Smart CMS, better SEO, global reach

Not everything powerful has to look complicated.

Start for free

Title

Image

Date

Categories

Design

Slug

masonry

framer.com/updates/masonry

Content

Paragraph

Introducing Masonry Grids in Framer. Turn any Grid into a packed masonry grid with a single click. The Masonry toggle is available under the Grid properties, and enabling it lets you craft masonry layouts. These types of layouts use fixed columns but flexible row heights, so items stack tightly, creating a brick-like pattern driven by each layer’s content or height. This works especially well with our recently introduced Fit Image feature, letting you design Pinterest-like layouts directly in Framer. You can also design new masonry grids from scratch, by selecting Masonry from the Layout Menu in the Toolbar. Masonry Grids play nice with our CMS, where using Effects like Stagger and Lightbox unlock all kinds of new animations and interactions. Watch the video on YouTube to learn more about designing with Masonry Grids in Framer.

New in Framer

Full SEO control

Schema markup, sitemaps, redirects, semantic tags, alt tags, indexing rules, and more—it’s all there. Plus, automated SEO that turns CMS data into meta titles and descriptions.

Preview
perplexity.ai/hub
Introducing the Sonar Pro API | Perplexity
Today is Giving Tuesday, and we're making it easier than ever to research and donate to U.S. nonprofits thanks to a new collaboration with Charity Navigator.
End of <head> tag
1

2
<script type="application/ld+json">
3
{
4
"@context": "https://schema.org",
5
"@type": "Organization",
6
"name": "Framer",
7
"url": "https://framer.com",
8
"image": "https://framerusercontent.com/images/b2hliN8q6RI1alDDMojdsEiXDU.png",
9
"description": "The web builder for stunning sites. Design and publish modern sites at any scale.",
Redirects
Old URL
New URL
/templates
/marketplace
/about
www.framer.com
/articles/(.*)
/article/:1
/product
/what-is-framer
/404
/page-not-found
/company
www.framer.com/jobs