---
title: "Carousel Stories CMS — Framer component · Best of Framer"
description: "$10.00 · Framer component · by sherwin · Carousels. Image Slider Transition Carousel"
canonical: "https://framer.elliotli.dev/component/carousel-stories-cms"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Carousel Stories CMS

# Carousel Stories CMS

Image Slider Transition Carousel

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

![Carousel Stories CMS preview image 1](https://framer.elliotli.dev/og/component/carousel-stories-cms/663f231d82ce63cd/1600x1200.jpg)

## Summary

Image Slider Transition Carousel

## Description

Create immersive, interactive visual stories with a premium image carousel powered by smooth GSAP animations and WebGL effects.

Designed for portfolios, creative agencies, fashion, photography, product showcases, and modern landing pages, Visual Stories turns a simple image slider into an engaging interactive experience.

### Key Features

• **20+ Image Transitions** — Crossfade, Zoom, Slide, Clip Reveal, Mask Reveal, Directional Wipe, plus advanced WebGL effects including Distortion, Ripple, Glitch, Liquid Warp, Prism, Pixel Dissolve, Page Curl, Slices, Shutters, Stretch, Glass Refraction, Ink Reveal, Mesh Warp, and Metallic Sheen.

• **Interactive Text Hover Effects** — Animate titles with smooth GSAP-powered effects including rotation, lift, staggered movement, and character-based animations.

• **Smooth GSAP Animations** — Carefully tuned transitions, easing, hover interactions, scaling, lifting, and stagger effects for a polished premium feel.

• **Autoplay & Manual Navigation** — Automatically cycle through stories or let visitors interact manually.

• **Mouse Wheel Support** — Navigate through slides naturally using the mouse wheel.

• **CMS Ready** — Connect your slides to Framer CMS for dynamic images, labels, links, and content.

• **Fully Customizable** — Control typography, colors, spacing, hover behavior, transition speed, image scaling, overlays, counters, and more directly from Framer property controls.

• **WebGL Effects** — Add fluid, distortion-based transitions for a more cinematic and experimental visual experience.

• **Responsive & Interactive** — Built to work smoothly across modern layouts and screen sizes.

Give your Framer website a distinctive visual experience with a carousel that feels more like an interactive art direction piece than a standard slider.

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

-   All · #4280

## Details

- **Author**: sherwin
- **Price**: $10.00
- **Published**: 2026-09-03
- **Updated**: 2026-10-07
- **Added**: 2026-09-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