---
title: "Story Slide — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Juventin · Carousels. Announce, update, and engage visitors"
canonical: "https://framer.elliotli.dev/component/storyslide"
---

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

# Story Slide

Announce, update, and engage visitors

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

![Story Slide preview image 1](https://framer.elliotli.dev/og/component/storyslide/7b3bf4ac17b322f7/1600x1200.jpg)

## Summary

Announce, update, and engage visitors

## Description

StorySlide delivers a cinematic storytelling experience inspired by the story format that keeps users engaged and informed. Updates are presented as immersive slides where each piece of content takes center stage with atmospheric overlays, smooth transitions, and editorial typography.

Every slide advances with intention. Motion feels natural and fluid rather than mechanical, making StorySlide ideal for websites that need to communicate updates, news, and announcements in a way that actually gets read.

**Key Features**

-   Image and video slides mixed together
-   Segmented progress bar with auto-advancing playback
-   3D scale and depth transitions between slides
-   Staggered headline animations — fade, blur, or rise per character, word, or whole
-   Floating badge with avatar image and source label
-   Tap left or right to navigate like a story
-   Play and pause control
-   Video audio controlled per slide by the site owner
-   Fully responsive with automatic scaling
-   Custom fonts, colors, overlays, and corner radius
-   Reduced motion support built in

**Best For**

-   Site updates and announcements
-   Blog and news highlights
-   Product launches and new arrivals
-   Portfolio and project showcases
-   Brand storytelling sections
-   Media and editorial websites

**Where to Use**

-   Homepage update sections
-   News and blog landing pages
-   Product and campaign launch pages
-   Portfolio highlight sections
-   Any section where content needs to be discovered quickly

**Why StorySlide**

-   Turns static updates into an experience visitors actually engage with
-   Cinematic and premium out of the box with zero configuration needed
-   Fully customizable through Framer property controls without touching code
-   Supports images and videos in the same slider
-   Helps website visitors find the right information at the right

### Questions & Support

For any questions or assistance, feel free to reach out any time at [contact.juventin@gmail.com](mailto:contact.juventin@gmail.com) — I’m happy to help.

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

-   All · #5839

## Details

- **Author**: Juventin
- **Price**: $5.00
- **Published**: 2026-03-13
- **Updated**: 2026-03-12
- **Added**: 2026-03-03
- **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