---
title: "NarrativeSlider — Framer component · Best of Framer"
description: "$2.00 · Framer component · by Renan Orn · Carousels. About this Component NarrativeSlider delivers a full narrative experience: a hero card with title and description anchored at opposite…"
canonical: "https://framer.elliotli.dev/component/narrativeslider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/NarrativeSlider

# NarrativeSlider

The slider that tells your story

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

![NarrativeSlider preview image 1](https://framer.elliotli.dev/og/component/narrativeslider/fb679a0920d5288f/1600x1200.jpg)

## Summary

About this Component NarrativeSlider delivers a full narrative experience: a hero card with title and description anchored at opposite ends, flanked by ghosted neighbor cards that…

## Description

**The slider that tells your story.**

A cinematic portfolio slider with floating neighbor cards, 4 transition effects, and full responsive control - from desktop to mobile.

**About this Component**

NarrativeSlider delivers a full narrative experience: a hero card with title and description anchored at opposite ends, flanked by ghosted neighbor cards that fade in and out. Four transition styles - Crossfade, Slide, Ken Burns, and Clip Reveal - match any brand mood. Every detail is designer-controlled via 30+ property controls. Responsive breakpoints handle everything automatically.

**Demo:** [https://narrativeslider.framer.website/](https://narrativeslider.framer.website/)

**Perfect for**

-   Creative Agencies: editorial case study presentation
    
-   Freelance Portfolios: curated, narrative-driven showcase
    
-   SaaS Landing Pages: features and testimonials with motion
    
-   Photo Studios: full-height cards with Ken Burns effect
    

**Feature Highlights**

-   Cinematic Transitions: 4 animation styles for every brand
    
-   Living Neighbor Cards: soft fade previews on both sides
    
-   Smart Responsiveness: desktop fixed → tablet fluid → mobile stacked
    
-   Total Design Control: 30+ live-editable property controls
    
-   Drag Anywhere: swipe on image, text, or white space
    

**Refund Policy**

All sales are final. Digital assets cannot be returned once accessed. We encourage you to explore the live preview before purchasing. For technical issues, reach out: [renan.uxui@gmail.com](mailto:renan.uxui@gmail.com)

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

-   All · #8709

## Details

- **Author**: Renan Orn
- **Price**: $2.00
- **Published**: 2026-07-23
- **Updated**: 2026-08-03
- **Added**: 2026-07-23
- **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