Fluid Grid

Dmytro Izotov

Open in Framer X

Fluid Grid

Component for automatically laying out a grid of images. Easily add images and control the layout of the grid. Fully responsive with support of Framer resizing constraints.

Adding images

Drag and drop images into a new Frame on the canvas, and connect that Frame to the Fluid Grid component.

Control grid layout

Adjust minimum element size, gap between the elements, and corner radius.

Wireframing

If no images are connected, the grid will be automatically filled with placeholders.


Photos by Dan Rubin, created by Little Voice

Opening Package in Framer X...

Don’t have Framer X yet?Start your Free Trial

By using our website, you agree to the use of cookies as described in our  Privacy Policy —
I Agree