---
title: "Ease Scroll Carousel — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Chiranjeev Singh · Carousels. Carousel with advanced transitions"
canonical: "https://framer.elliotli.dev/component/ease-scroll-carousel"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Ease Scroll Carousel

# Ease Scroll Carousel

Carousel with advanced transitions

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

![Ease Scroll Carousel preview image 1](https://framer.elliotli.dev/og/component/ease-scroll-carousel/4419846941f813da/1600x785.jpg)

## Summary

Carousel with advanced transitions

## Description

An interactive card carousel where one card sits expanded and the rest collapse into vertical pills. Click any pill and it expands into the wide slot, pushing the previously active card back into a pill — the swap runs on a spring with a subtle 3D perspective shift, so cards read as rotating into and out of depth rather than just changing width.

Holds three to five cards. Each card takes a heading, a description, a background image, and an optional link that fires on the expanded card.

**Controls**

Card count · expanded and pill widths (as ratios, so the row always fills its container) · gap · corner radius · heading color and size · description color and size · overlay tint and opacity for image contrast · spring stiffness, damping, and mass for the width transition · 3D depth intensity for the tilt on collapse · which card is expanded on load · image object-fit for aspect handling.

Fully responsive — set the container width and the row scales with it. Respects `prefers-reduced-motion` (falls back to a plain width transition, no perspective).

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

-   All · #4179

## Details

- **Author**: Chiranjeev Singh
- **Price**: $5.00
- **Published**: 2026-09-03
- **Updated**: 2026-09-03
- **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