Layout & Design · TOPIC

Grids

Every Framer lesson that teaches or touches on Grids

Lessons that teach this

4 lessons teach this topic

2:34

Framer Update: Masonry Grids

Framer Update, Layout & Design

13K views

November 27, 2025

5:47

CMS Update: Index Variable

CMS, Layout & Design

10K views

April 17, 2025

7:46

Stacks vs Grids in Framer (Fundamentals Lesson 8)

Layout & Design

59K views

November 20, 2024

2:16

Framer Update: Stack Sorting and Bento Grids

Framer Update, Layout & Design

6.9K views

March 31, 2026

Where it comes up

112 moments across 29 lessons

Stacks vs Grids in Framer (Fundamentals Lesson 8)Joseph

0:00stacks and grids are two powerful layout 0:18grids compare and get comfortable with 0:27the difference between stacks and grids 0:52CSS Stacks are based on Flex box grids 1:02rows and columns so grids are great for 1:16feature bentos because grids allow us to

Framer Update: Scroll AnimationsBenjamin

1:15below that we have the feature Dash grid 10:12and that is in this little features grid 10:39soon as the grid Scrolls into view so 10:48feature grid is in View and this is now 11:01I'll select the feature grid as the 11:35grid

Framer Update: Masonry GridsBenjamin

0:07grid of images sourced from the CMS.0:15fit image, but the grid cells do not 0:18adapt. As for these kinds of grids, the 0:29grid layout where items are arranged 1:06grids in our layout menu to create one 1:16images in a grid. And this even allows

Practice: Designing Fluid Layouts in Framer (Fundamentals Lesson 24)Joseph

20:31going to use a grid layout. And by 20:34setting this to a grid layout, we'll 21:28turn this into a grid. And if we go into 21:31the advanced settings, our grid happens 21:43we go. Now the grid cells are getting

Framer Update: Stack Sorting and Bento GridsBenjamin

1:07bento grid layouts in [music] framer.1:13bento grid, and it's a pretty fun setup.1:19of our grid, we can see that the cell 1:25of the grid itself is set to fit 1:38design bento grids like these where the

CMS Update: Index VariableEdo

0:09two rows in a grid for a more modern 0:40started. Here I have a simple grid with 0:53sure that when you have the grid 1:55page I prepared, there is another grid

Framer Community Show & Tell August 3, 2023—Jia Yu Hong from LottieFiles and Paul LapkinFramer

32:31website is built on a 12 column grid 32:45typography uh you know alignment grid 32:52column grid system is a foundation of 32:58you can access the grid Lines by

Practice: Creating Breakpoints in Framer (Fundamentals Lesson 25)Joseph

5:34by switching it from a grid to a stack 5:42instead of two. A grid is kind of 15:10to a grid. So, that way we can have two

Framer Update: Assets with FoldersBenjamin

1:19this grid belongs to the homepage, I can rename it 1:29add the grid component within. These updates also

Fixed, Relative, and Viewport Sizing in Framer (Fundamentals Lesson 10)Joseph

5:54a stack or grid fixed where the position 6:25fill within a stack or grid fit content

Sizing to Fill and Fit Content in Framer (Fundamentals Lesson 7)Joseph

1:26positioned layers within a stack or grid 5:01grids then we can use padding to push a

Framer Design: Design on an intuitive CanvasFramer

0:13structure you've got stacks and grids 0:19spacing align content to grids and

Creating and Organizing Vector Sets in Framer (Vectors Lesson 3)Justin

2:15reveals a helpful grid that makes it

Scaling a clipped image on hover in FramerJoseph

5:10it into this grid that I set up.

Introducing Design PagesFramer

2:08grids, spacing, and layout rules can

Framer Event — Introducing Design Pages. A better way to design and explore on the Framer canvas.Framer

4:22understand that setting up grids,

Framer Update: Selection ColorsBenjamin

0:34simply by selecting my entire grid I can

Styling Frames in Framer (Fundamentals Lesson 16)Joseph

8:15with Stacks grids anything with relative

Framer Update: CMS GalleriesEdo

1:14to applies a simple grid layout which of

Fixed and Sticky Positioning in Framer (Fundamentals Lesson 9)Joseph

2:41stack or grid and every parent frame all

Framer Update: Variable FontsBenjamin

4:13place on a grid to create a wavy

Absolute Positioning in Framer (Fundamentals Lesson 5)Joseph

0:43content in a stack or grid fixed where

Thinking in Frames (Fundamentals Lesson 4)Joseph

1:06automatically stack or grid things make

The Anatomy of a Framer Project (Fundamentals Lesson 2)Joseph

4:54stack things grid things or just to make

CMS Update: Blockquotes, Heading Links, Image Styles, Field Dividers and moreFramer

4:00repeated content like this grid of case

Framer Update: Creative SectionBenjamin

2:38pattern presets wave grid and noise and

Navigations: Mobile MenusBenjamin

2:41let's bring back our grid as well by

Content, Components, and CMS with Framer AgentsJustin

7:52label left, cards right, in a grid.

Framer Event — Introducing Agents, Branching, and a new CommunityFramer

28:10label left, cards right in a grid.