Instagram Feed for Framer: Add a Live Feed to Your Site (2026)

The short answer

To add a live Instagram feed to Framer, install the RevuKit plugin, preview a public Instagram profile, choose a layout, and add the component to your canvas. Publish the project and check the live page. The component requests your synced posts on the published site, so new posts can appear without republishing your Framer project.

You can explore the browser demo before installing anything. It uses sample posts; your own public profile is connected inside the Framer plugin. RevuKit is currently built for Framer, so the plugin is not a universal HTML widget for other website builders.

Related reading: Try all seven Instagram feed layouts, Open the Framer Marketplace listing.

Before you start: choose the profile and page job

The Instagram profile must be public. Check the exact @handle, especially for client projects with separate brand, founder or location accounts. A feed of recent work belongs near a portfolio; a café feed of dishes may belong near the menu or booking action. Choose posts that support a decision the visitor is already making.

Decide whether you need an automatically updating feed or only one specific post. A single campaign Reel may be better as a standalone embed or curated video. A live feed is useful when the latest posts should keep the page current.

Step 1: preview the layouts

Open the interactive demo and inspect Grid, Gallery wall, Carousel, Marquee, Scrapbook, Profile and Rainbow. Click a post to test the popup, then open the builder to adjust the layout. The demo is useful for design decisions, but its posts are samples and cannot be added to your own Framer site from the browser.

Start with Grid if you want several posts visible at once. Gallery wall preserves mixed photo shapes. Carousel keeps the section to one row. The more expressive Scrapbook and Rainbow treatments need more visual room, while Profile makes the Instagram account itself part of the page.

Related reading: Compare the seven layouts by use case.

Step 2: install the plugin in Framer

Open the Framer project that will contain the feed. In the Plugins panel, find RevuKit Instagram Feed in the Marketplace and open it. The plugin is an editor tool: it can place a Framer Code Component on the canvas. The browser demo cannot edit a Framer project.

You can inspect sample layouts first, then switch to your own Instagram account when ready. Framer Code Components can render on the canvas, in preview and on published sites; check the actual published result before handing a site to a client.

Related reading: Framer’s Code Components documentation.

Step 3: preview your public Instagram posts

Choose “Use my Instagram” in the plugin and enter the public @handle or profile URL. The plugin validates the handle and previews posts from that account. You do not need to provide an Instagram password, Meta developer app or API key.

Before adding anything, confirm the profile name, images and media types are the ones you expect. If the preview is empty or shows the wrong account, fix the handle or profile visibility first. The preview is the right place to catch a source problem before it becomes a published-site problem.

Step 4: design the feed and add it to the canvas

Choose the layout in the builder and adjust the controls to fit the surrounding Framer design. Depending on the layout, you can tune columns, spacing, corners, colors, hover behavior and what happens when someone opens a post. Preview at desktop, tablet and phone widths before insertion.

Choose “Add to canvas.” The plugin may ask you to select a plan or sign in with your RevuKit Premium ID before a live feed can be inserted. Complete the placement confirmation, then check where the component landed on the canvas. A successful sample preview does not mean a live account has been connected or paid placement completed.

Related reading: Current trial, plan and connection limits.

Step 5: publish and check the real site

Publish the Framer project, then open the live URL in a fresh browser session. Check that the feed loads, the right account appears, post links go to the intended destination, and video behaves as expected. Review a narrow phone width as well as desktop; a layout that fits the editor canvas may need different spacing on the published page.

New Instagram posts are synced by RevuKit and loaded by the published component. They are not necessarily instant. Check the current plan’s refresh schedule before treating a recent post as a failure, and remember that changing a Framer component setting still requires publishing that design change.

Related reading: Diagnose a feed that is not updating, Check Reels and video playback.

What the plugin does and does not do

RevuKit works with public Instagram profiles and supports image posts, videos and carousel posts in a live Framer component. The site depends on RevuKit’s runtime service and Instagram content remaining publicly available. The browser demo uses sample content; it is not a hosted feed for arbitrary websites.

An embedded feed also does not automatically make every Instagram caption an indexable page on your website. If a campaign, product or location needs search traffic, give it its own useful page copy and use the feed as visual support. Judge the feed by qualified visits and the page’s primary conversion, not by the number of post interactions alone.

Related reading: Read the data and runtime disclosure.

Can I add any Instagram account to my Framer site?

You can connect a public Instagram profile by handle or URL. Private profiles are not supported.

Do I need an Instagram password or API key?

No. The plugin uses a public profile identifier. You may need a RevuKit plan and Premium ID to insert a live feed on the Framer canvas.

Will new posts appear without republishing?

Yes. The published component loads synced feed data from RevuKit. Refresh timing depends on the plan and service state; edits to the Framer page itself still require publishing.

Does this work outside Framer?

The current RevuKit Instagram Feed plugin inserts a Framer Code Component. The browser page is a preview, not a universal embed builder.