Instagram Grid

Written By Social Hampster

Last updated About 10 hours ago

Displays your Instagram posts in an even column grid. All posts are the same size, creating a clean and structured layout. Available on the Free plan.

Plan: Free and above

How to Insert

From the plugin: After connecting your Instagram account, click Grid in the plugin panel. The component will be inserted directly onto your Framer canvas.

From the dashboard: Go to your feed in the Social Hampster dashboard, click Details, then click Copy next to Grid. Switch to Framer and paste with Cmd+V (Mac) or Ctrl+V (Windows).

Props Reference

Prop	What it does	Notes
Feed ID	Links the component to your Instagram account	Set automatically — do not change
Max Posts	How many posts to show	e.g. 9, 12, or any number
Columns	Number of columns in the grid	e.g. 2, 3, or 4
Gap	Space between cards in pixels	e.g. 8, 12, 16
Show Caption	Shows the post caption below the image	Toggle on or off
Show Stats	Shows like and comment counts on each card	Toggle on or off
Aspect Ratio	Shape of each card	e.g. 1:1 square, 4:5 portrait, 16:9 landscape
Border Radius	Rounds the corners of each card	Value in pixels
Image Fit	How the image fills the card	Cover (fills and crops) or Contain (shows full image)
Background Color	Card background color	Visible when image does not fill the card
Overlay Color	Color overlay shown on hover	e.g. rgba(0,0,0,0.4) for a dark tint

Reels in the Grid

Reels appear in the Grid automatically alongside your photos, in the same order you posted them on Instagram. There is no separate setting to enable this. If you have Reels on your Instagram account, they will show up in the feed as video cards.

Note: Reels are available on the Personal plan and above.

Common Issues

Feed shows in the editor but not on the published site

You need to whitelist your domain. Go to your feed in the Social Hampster dashboard, click Details, and add your published site domain under the Allowed Domains section.

Some posts are missing

Try syncing the feed from the dashboard using the Sync button on your feed card. Posts that are archived, deleted, or set to private on Instagram will not appear.