Instagram Slider

Written By Social Hampster

Last updated About 11 hours ago

Displays your Instagram posts as a horizontal scrolling carousel. Visitors can click left and right arrows to browse through posts. Great for featured content, portfolio highlights, or adding visual interest to a section of your site.

Plan: Personal and above

How to Insert

From the plugin: After connecting your Instagram account, click Slider in the plugin panel.

From the dashboard: Click Details on your Instagram feed, click Copy next to Slider, then paste in Framer with Cmd+V or Ctrl+V.

Props Reference

Prop	What it does	Notes
Feed ID	Links the component to your Instagram account	Set automatically
Max Posts	Total posts loaded into the slider	e.g. 10, 20
Gap	Space between slides in pixels
Show Caption	Shows caption below each slide	Toggle
Show Stats	Shows like and comment counts	Toggle
Border Radius	Rounds card corners
Aspect Ratio	Shape of each slide
Show Arrows	Shows left and right navigation arrows	Toggle
Arrow Color	Color of the arrow icons
Auto Scroll	Automatically advances slides	Toggle on or off
Auto Scroll Interval	Time in milliseconds between auto-advances	e.g. 3000 = 3 seconds
Loop	Loops back to the start after the last slide	Toggle

Reels in the Slider

Reels appear automatically in the Slider alongside your photos, in the same order you posted them on Instagram. No extra setting needed. Reels are available on the Personal plan and above.

Common Issues

Arrows are not visible

Check that the Show Arrows prop is turned on. Also check your Arrow Color to make sure it has enough contrast against your slide background.

Auto scroll is not working

Make sure Auto Scroll is enabled and that the Auto Scroll Interval is set to a value greater than zero.

Feed not showing on the published site

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