---
title: "Instagram Stories — Framer component · Best of Framer"
description: "$9.00 · Framer component · by BSS Digital Agency · Buttons. Instagram stories."
canonical: "https://framer.elliotli.dev/component/instagram-stories"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Instagram Stories

# Instagram Stories

[View on Framer](https://framer.com/marketplace/components/instagram-stories/?via=elliot-li)

![Instagram Stories preview image 1](https://framer.elliotli.dev/og/component/instagram-stories/951de736cad78a1f/1600x1200.jpg)

## Summary

Instagram stories.

## Description

Bring the Instagram experience to your website with the **Instagram Story Popup** for Framer — a fully interactive, mobile-friendly component that looks and feels just like real Instagram stories. Showcase up to five photos with smooth crossfades, automatic progress bars, and realistic UI animations.

Framer Instagram Story Popup Component Customisations

## Key Features:

-   🖼️ **Up to 5 photo stories** — each with optional captions.
    
-   ⚡ **Instant preloading** — seamless transitions with no lag.
    
-   🎥 **Soft crossfade & blur-to-sharp animation** for authentic feel.
    
-   🕹️ **Interactive controls** — tap to skip, hold to pause, auto-close on finish.
    
-   👤 **Customizable profile section** — username, profile image, verified badge, and clickable Instagram link.
    
-   🎨 **Full customization in Framer** — trigger size, placement, colors, fonts, overlay opacity, and CTAs.
    
-   💬 **CTA options** — follow or message buttons that open in a new tab.
    
-   📱 **Responsive by design** — optimized for mobile and desktop views.
    

Perfect for **creators, brands, and agencies** looking to boost engagement or direct visitors to Instagram with a high-quality, realistic interaction.

## Rank history [How rankings work →](/terms#rankings)

-   All · #9350

## Details

- **Author**: BSS Digital Agency
- **Price**: $9.00
- **Published**: 2025-11-07
- **Updated**: 2025-11-07
- **Added**: 2025-10-29
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything