---
title: "Insta Story Carousel — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Munzir Kareem · Carousels. Swipeable, animated story slide"
canonical: "https://framer.elliotli.dev/component/insta-story-carousel"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Insta Story Carousel

# Insta Story Carousel

Swipeable, animated story slide

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

![Insta Story Carousel preview image 1](https://framer.elliotli.dev/og/component/insta-story-carousel/9337ae1dcd798708/1600x1200.jpg)

## Summary

Swipeable, animated story slide

## Description

A full-bleed, story-style image slider built for Framer — inspired by Instagram/Snapchat Stories, fully customizable, and production-ready.

### Features

-   **Cinematic transitions** — choose between wipe, fade, or slide-up animations between stories
    
-   **Autoplay with progress bar** — bar or dot-style indicators, fully styleable, pauses on hover/hold
    
-   **Swipe, click & keyboard navigation** — works seamlessly across desktop and mobile
    
-   **Custom animated cursor** — optional prev/next label or arrow cursor on hover
    
-   **Profile & headline layer** — avatar, name, multi-line animated title, and CTA link per story
    
-   **Flexible layout controls** — content alignment, vertical positioning, compact breakpoint for responsive resizing
    
-   **Arrow button styles** — inline or floating, fully styled
    
-   **Accessible by default** — keyboard navigable, ARIA live region, respects reduced-motion preference
    
-   **Performance-aware** — pauses off-screen, disables animation in static/canvas/export contexts
    

### Customization

Every visual detail is exposed as a property control — fonts, colors, spacing, corner radius, overlay direction, link styles (underline or pill), and more. No code required.

### Use Cases

-   Product highlights & feature announcements
    
-   Case studies or portfolio showcases
    
-   Editorial storytelling sections
    
-   Marketing landing page heroes
    

**Refund Policy:** This is a digital product — no refunds are available once purchased.

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

-   All · #4735

## Details

- **Author**: Munzir Kareem
- **Price**: $15.00
- **Published**: 2026-07-31
- **Updated**: 2026-07-31
- **Added**: 2026-07-31
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow