Fluid Grid

Dmytro Izotov

Fluid Grid

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.


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

Photos by Dan Rubin, created by Little Voice