Core Props Reference

Every Social Hampster feed component shares a set of core props that control the fundamental behavior of the component

Written By Social Hampster

Last updated 2 days ago

Every Social Hampster feed component shares a set of core props that control the fundamental behavior of the component. These appear in Framer's right-side props panel whenever you select a Social Hampster component on the canvas.

How to access props: Click on any Social Hampster component in your Framer project. The props panel will appear on the right side of the editor. You do not need to open any code editor — all settings are visual controls.

[Screenshot: Add screenshot of the Framer right-side props panel with a Social Hampster component selected, showing core props]

Core props

Prop name	Type	What it does	Notes
Feed ID	Text	The unique identifier that connects this component to your social feed in the Social Hampster dashboard	This is set automatically when you copy a component from the dashboard. You should not need to change it manually. If it is blank, re-copy the component from the Feed Details panel.
Max Posts	Number	Controls how many posts are shown by the component	Enter any whole number. Common values are 6, 9, or 12. The component will show up to this many posts, or fewer if your feed has fewer posts available.
Gap	Number (pixels)	Sets the spacing between post cards	Measured in pixels. A value of 16 gives comfortable spacing. Set to 0 for a tight grid with no gaps between cards.

What the Feed ID is

The Feed ID is a unique string that identifies your connected social account in the Social Hampster system. It looks something like: cmmqliXXXXXXXXXXXXXXXX5n4.

When you click Copy in the Feed Details panel on the dashboard, this ID is embedded directly into the component that goes to your clipboard. When you paste into Framer, the component already knows which feed to load. You never need to find or enter this ID manually.

If you ever need to see your Feed ID, open the Feed Details panel in the dashboard. It is shown there for reference.

Do not change the Feed ID manually. If you type in a different or incorrect Feed ID, the component will not be able to find your feed and will show a loading state or no posts. Always re-copy the component from the dashboard if something looks wrong.

Where these props appear in Framer

After pasting a component onto your Framer canvas:

Click the component once to select it
Look at the right side panel in Framer
Scroll down past the standard Framer layout controls to find the component props section
Feed ID, Max Posts, and Gap will be listed there alongside all other props specific to that component

[Screenshot: Add screenshot showing where the component-specific props section appears in the Framer right panel, distinguished from the standard layout controls]