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

Why Add an Instagram Feed to Your Framer Site?

Most Framer sites are visually immaculate — clean typography, smooth interactions, every pixel intentional. But they share a common weakness: they feel static. A visitor lands, reads your copy, and makes a trust decision based on a snapshot that might be months old.

An Instagram feed on your Framer site changes that calculus. Your Instagram profile is a live stream of social proof — product shots, behind-the-scenes moments, customer love, team culture. When visitors can see that content right on your page, two things happen immediately:

• Your brand feels active and credible. A feed of recent posts signals that someone is behind this site, posting consistently, and worth paying attention to.
• Visitors stop leaving to check your Instagram. Instead of clicking away to verify you're real, they see the proof right there — and stay on your conversion path.

For creators, agencies, local businesses, and founders — anyone who maintains an active Instagram presence — this is one of the highest-leverage additions you can make to a Framer site. It costs minutes to set up and keeps working indefinitely.

The Problem With Existing Options

If you've tried to add an Instagram feed to Framer before, you already know the existing options are genuinely painful. Here's the honest breakdown:

1. Official Instagram iframes. Instagram's built-in embed generates a slow, unstyled iframe that shows a single post. It requires visitors to be logged into Instagram to see anything useful. It looks completely out of place on a polished Framer site, and there's no way to show a grid or auto-update it.
2. Instagram Basic Display API. Meta's official API requires you to create a developer app, submit it for review, obtain a long-lived access token, and refresh that token every 60 days — manually. It only works for the profile of the authenticated user, which means it's useless if you're building for clients or want to display any other public profile. The developer overhead is significant.
3. Third-party embed widgets (not built for Framer). Generic iframe-based Instagram widgets inject their own layout, fonts, and styling. They clash with Framer designs, cause layout shift, load slowly, and often display watermarks or upsell CTAs from the vendor.
4. Custom code components. Building a proper Instagram feed Code Component in Framer from scratch means building a scraping or API pipeline, a caching layer, an image proxy, a stale-content strategy, and error handling — and then maintaining it when Instagram changes its structure. Most people don't have the time or budget for this.

None of these options match the Framer philosophy: ship fast, look great, stay maintainable.

How RevuKit Solves It

The RevuKit Instagram Feed plugin for Framer is purpose-built around a single constraint: it must work exactly the way Framer designers expect things to work. That means no tokens to manage, no backend to configure, no iframes, and no re-publishing to update.

Here's how it differs from every other approach:

• Works from any public handle. Paste an Instagram profile URL or @handle. That's the only input required. No Meta developer account, no app review, no OAuth flow.
• Native Framer Code Component. The inserted feed is a real Framer Code Component — it renders in the canvas during editing and on the live published site after you publish.
• Automatic refresh. The feed updates on a schedule (every 24–36 hours depending on your plan) without any action from you. New posts appear without re-publishing.
• Fast by design. The initial post snapshot is baked into the component at insert time, so the feed renders instantly on page load. Fresh posts are fetched in the background via a CDN-backed API.
• Privacy-friendly. Visitor browsers never contact Instagram directly. All media is proxied through the RevuKit CDN. No Instagram tracking pixels, no cookies from Meta on your visitors' browsers.

Step 1: Install the Plugin

Open your Framer project and go to the Plugins panel (the puzzle-piece icon in the left toolbar, or press ⌘ + /).

1. Search for "RevuKit Instagram Feed"
2. Click Install
3. The plugin panel opens inside Framer — no browser redirect required

Once installed, the plugin is available in every project in your Framer workspace. You only install it once.

Step 2: Connect Your Instagram Profile

In the plugin's Connect Instagram panel, enter your public Instagram profile URL or @handle — for example:

• @yourbrand
• https://instagram.com/yourbrand

Click Create Feed. RevuKit validates the profile, creates a feed record in its backend, and begins fetching your posts. A progress indicator shows each stage: validating profile → connecting feed → fetching posts → ready.

Step 3: Preview Your Posts in the Plugin

After connecting, the plugin renders a live 3-column preview grid of your latest posts directly inside the Framer plugin panel. You can browse up to 12 posts without leaving the editor.

Click any tile in the grid to open a full lightbox view with:

• Full-size image or autoplay muted video
• Carousel navigation for multi-image posts (arrow keys work too)
• Caption with expand/collapse for long text
• Like count and a direct link to the post on Instagram

This preview is your confirmation that the right profile was connected and that the media is loading correctly before you insert anything onto the canvas.

Step 4: Insert to Canvas

Once you're satisfied with the preview, click Insert to Canvas at the bottom of the plugin panel.

If you haven't signed in yet, a modal will appear asking for your RevuKit Premium ID (format: RVK-XXXXXXXX). This links the feed to your plan so usage and refresh schedules are tracked correctly. Enter your ID and click Sign In. The plugin remembers your Premium ID in local storage so you only need to do this once per browser session.

The Instagram feed component is then placed directly on your Framer canvas as a native Code Component. It includes the initial post snapshot so it renders immediately — even before the live API call resolves.

Step 5: Publish and Go Live

Position the feed component on your canvas — resize it, drag it into place, layer it within your Framer layout as you would any other component. Then publish your project.

On the published site, the feed component:

1. Renders the initial snapshot instantly (no loading spinner on first paint)
2. Makes a background request to the RevuKit API to check for fresher data
3. Updates to the latest cached posts if newer data is available

You never need to re-publish your Framer project when new Instagram posts go up. The feed refreshes automatically on its schedule.

How the Feed Works Under the Hood

Understanding the architecture helps explain why the feed is fast, reliable, and resilient — even when Instagram's own infrastructure is slow.

RevuKit uses a stale-while-revalidate caching strategy:

• Cache fresh? Return cached posts instantly. No upstream request.
• Cache stale? Return the last known posts immediately, then trigger a background sync. The visitor never waits. The next visitor gets the fresh data.
• No cache at all? Block on a single sync, then return fresh data and cache it for all future requests.

This means your Framer site always loads the feed fast — regardless of whether Instagram's servers are slow, whether the sync is mid-flight, or whether a visitor is the first person to hit the page after a refresh window.

Media is served through the RevuKit image proxy. Instagram CDN URLs expire; by proxying through RevuKit's infrastructure, the images remain accessible and cacheable long after the original URL would have 404'd.

Where to Place Your Instagram Feed on a Framer Site

The three placement patterns that consistently perform well for conversion-oriented Framer sites:

Below the hero, above the fold break

Visitors who scroll past your hero are signalling intent. A compact Instagram grid right below the hero — showing your real product, real work, or real people — validates the claim your headline just made. It's social proof at the exact moment trust is being formed.

Before a contact or booking form

Conversion hesitation peaks at the form. A visual feed of recent activity immediately above a contact form answers the unspoken question: "Is this brand real and active?" It reduces friction without adding copy.

Footer anchor

A compact Instagram strip in the footer makes every page of your Framer site feel current. Visitors who reach the footer are highly engaged — giving them a live content preview increases the chance they follow you or return.

Plans and Pricing

Every plan includes a 7-day free trial. No credit card charged until the trial ends.

• Starter — $9/month. 1 Instagram connection, 10,000 feed views/month, 36-hour refresh. Best for personal sites and single-brand projects.
• Growth — $19/month. Up to 3 connections, 50,000 feed views/month, 36-hour refresh, priority support and faster sync reliability. Best for agencies and client work.
• Pro — $49/month. Up to 10 connections, 200,000 feed views/month, 24-hour refresh, priority support. Best for high-traffic sites and large agencies.

Install the plugin from the Framer Marketplace.

Who This Plugin Is For

If you build on Framer and post to Instagram consistently, this plugin closes the gap between your two most important brand surfaces. It is particularly well-suited for:

• Creators and personal brands using Instagram as their primary content channel and wanting their Framer site to reflect that activity in real time.
• Framer agencies and freelancers who need a fast, repeatable way to add an Instagram feed to client sites without a custom integration on every project.
• E-commerce and product brands wanting to surface UGC-style content, real product shots, and lifestyle imagery near purchase decisions on their Framer site.
• Local businesses — studios, restaurants, gyms, salons — where Instagram is the main trust signal for new customers and a live feed on the website reinforces that credibility.
• Founders and startups who post regularly and want their Framer landing page to show momentum without a developer sprint.

Frequently Asked Questions

How do I add an Instagram feed to Framer?

Install the RevuKit Instagram Feed plugin from the Framer Marketplace, paste your public Instagram handle, preview your posts, and click Insert to Canvas. The feed component is placed on your canvas and renders live on your published Framer site.

Does the feed work on the published site, not just the editor?

Yes. The inserted component is a native Framer Code Component that renders on both the Framer canvas and the live published site. Visitors see your actual Instagram posts — not a placeholder.

Do I need Instagram API credentials?

No. You only need a public Instagram profile URL or @handle. RevuKit handles all backend fetching. No Meta developer account, no app review, no access tokens.

How often does the feed refresh?

Starter and Growth plans: every 36 hours. Pro: every 24 hours. Refresh is automatic — you never need to re-publish your Framer project to show new posts.

Can I show multiple Instagram accounts on one Framer site?

Yes. Starter supports 1 connection, Growth supports up to 3, Pro supports up to 10. Each connection powers a separate feed component you can place anywhere on your site.

Does it support Reels and carousels?

Yes. Single images, Reels and video posts, and multi-image/video carousel posts are all supported in both the plugin preview and on the live published site.

What if the sync fails?

RevuKit uses stale-while-revalidate caching. If a sync fails, your Framer site continues showing the most recently cached feed while the backend retries in the background. Your page never shows a blank or broken grid.

Is there a free trial?

Yes. Every plan starts with a 7-day free trial. You are not charged until the trial ends and can cancel at any time.

Where can I get support?

Visit revukit.com/instagram-feed/support for questions, feature requests, and troubleshooting.