Facebook Masonry

Displays your Facebook Page posts in a variable-height grid where taller images take up more vertical space

Written By Social Hampster

Last updated About 11 hours ago

Displays your Facebook Page posts in a variable-height grid where taller images take up more vertical space. Best for Pages with mixed image sizes or a lot of visual content. Creates a dynamic, editorial feel.

Important: This component requires a Facebook Page. Personal profiles are not supported.

Plan: Personal and above

How to Insert

From the plugin: After connecting your Facebook Page, click Masonry in the plugin panel.

From the dashboard: Click Details on your Facebook feed, click Copy next to Masonry, then paste in Framer.

Props Reference

Prop	What it does	Notes
Feed ID	Links the component to your Facebook Page	Set automatically
Max Posts	How many posts to show
Columns	Number of columns
Gap	Space between cards in pixels
Show Caption	Shows the post text below the card	Toggle
Show Stats	Shows engagement counts	Toggle
Border Radius	Rounds card corners
Image Fit	How images fill the card	Cover or Contain
Background Color	Card background color
Overlay Color	Color overlay shown on hover

Common Issues

Facebook Page is not connecting

Make sure you are connecting a Facebook Page, not a personal profile. Grant all requested permissions during the OAuth flow.

Feed not showing on the published site

Whitelist your domain in the Social Hampster dashboard under your feed's Details page.

Old posts are showing

Use the Sync button on the feed card in the dashboard to pull in the latest content.