Fluid Grid

Dmytro Izotov

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

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