---
title: "CMS Swell Carousel — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Axis Supply · Carousels. CMS Swell Carousel is a smooth, interactive image carousel for Framer that creates a dynamic fisheye-style effect."
canonical: "https://framer.elliotli.dev/component/cms-swell-carousel"
---

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

# CMS Swell Carousel

CMS Ready Infinite Media Carousel

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

![CMS Swell Carousel preview image 1](https://framer.elliotli.dev/og/component/cms-swell-carousel/6409e6a4d9c4c790/1600x1200.jpg)

## Summary

CMS Swell Carousel is a smooth, interactive image carousel for Framer that creates a dynamic fisheye-style effect.

## Description

**CMS Swell Carousel** is a smooth, interactive image carousel for Framer that creates a dynamic fisheye-style effect. Cards naturally swell toward the center and taper toward the edges, creating a fluid, immersive gallery with continuous scrolling, drag interaction, wheel navigation, and autoplay.

Each card can be connected individually to a **Framer CMS page** or any URL using the **CMS Link** control. This makes it easy to create clickable project, portfolio, case study, product, or collection showcases.

## ✦ Fisheye Image Carousel

-   **Swell Effect** — Cards expand toward the center and smoothly shrink toward the edges.
    
-   **Infinite Scrolling** — Create a continuously moving image carousel.
    
-   **Center Focus** — Automatically emphasize the cards near the center.
    
-   **Custom Card Size** — Adjust card width and aspect ratio.
    
-   **Edge Scale** — Control how small cards become at the edges.
    
-   **Spread** — Adjust the width and intensity of the swell effect.
    
-   **Overlap** — Create tighter card arrangements.
    

## ✦ CMS-Friendly Links

-   Connect each card to a different **Framer CMS page**.
    
-   Use the **CMS Link** control for individual cards.
    
-   Link cards to projects, case studies, products, portfolios, or any URL.
    
-   Choose whether links open in the **same tab or a new tab**.
    

## ✦ Smooth Interactions

-   **Autoplay** — Keep the carousel moving automatically.
    
-   **Direction Control** — Move the carousel left or right.
    
-   **Drag Interaction** — Drag cards freely with smooth momentum.
    
-   **Wheel Navigation** — Navigate using mouse or trackpad scrolling.
    
-   **Wheel Smoothing** — Control the softness of wheel movement.
    
-   **Pause on Hover** — Pause autoplay while hovering over the carousel.
    

## ✦ Fully Customizable

Control **images, CMS links, new-tab behavior, card width, aspect ratio, edge scale, spread, overlap, background color, corner radius, autoplay, speed, direction, pause on hover, drag, momentum, wheel navigation, wheel sensitivity, and wheel smoothing.**

## ✦ Perfect For

**Creative Portfolios · Design Studios · Agencies · Photography · Fashion · Architecture · Case Studies and Many More.**

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

-   All · #1182

## Details

- **Author**: Axis Supply
- **Price**: $12.00
- **Published**: 2026-08-17
- **Updated**: 2026-09-29
- **Added**: 2026-08-17
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view