---
title: "Depthline Gallery — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Axis Supply · Carousels. CMS Ready Depth Image Carousel"
canonical: "https://framer.elliotli.dev/component/depthline-gallery"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Depthline Gallery

# Depthline Gallery

CMS Ready Depth Image Carousel

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

![Depthline Gallery preview image 1](https://framer.elliotli.dev/og/component/depthline-gallery/aa31864d1f4eb225/1600x1200.jpg)

## Summary

CMS Ready Depth Image Carousel

## Description

**Depthline Carousel** is a smooth, interactive image carousel for Framer that creates a layered depth effect with a prominent center card, progressive scaling, smooth dragging, and fluid motion.

You can also connect the carousel to a **Framer CMS Collection** and map your image fields dynamically. Each individual card supports its own **CMS Link**, making it easy to connect every image directly to its corresponding CMS page, project, case study, or portfolio entry.

## ✦ Key Features

-   **Depth-Based Layout** — Create a layered carousel with a focused center card and progressively smaller cards toward the edges.
    
-   **CMS Compatible** — Connect the carousel to a Framer CMS Collection and dynamically populate your cards.
    
-   **Individual CMS Links** — Connect each card to its own Framer CMS page using the CMS Link.
    
-   **Smooth Dragging** — Drag through the carousel with adjustable speed and natural momentum.
    
-   **Snap to Center** — Automatically settle the nearest card into the center for a focused presentation.
    
-   **Wheel Navigation** — Navigate the carousel using horizontal trackpad gestures or optional vertical wheel input.
    
-   **Hover Lift** — Add a subtle lift effect when hovering over individual cards.
    
-   **Flexible Layout** — Adjust card width, aspect ratio, overlap, falloff, card count, and vertical position.
    
-   **Responsive** — Designed to work smoothly across different screen sizes and Framer layouts.
    

## ✦ What You Can Create

-   Depth Image Carousels
    
-   CMS Project Showcases
    
-   Interactive Portfolio Sections
    
-   Case Study Galleries
    
-   Product Showcases
    
-   Creative Image Galleries
    
-   Editorial Layouts
    
-   Photography Portfolios
    
-   Project Collections
    
-   Visual Storytelling Sections
    

## ✦ Perfect For

Creative studios, agencies, designers, photographers, portfolios, product websites, case studies, architects, fashion brands, editorial websites, and CMS-driven Framer websites. Keywords**:** Framer carousel, Framer CMS carousel, CMS image carousel, depth carousel, layered image carousel, interactive image carousel, Framer portfolio carousel, CMS gallery, image showcase.

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

-   All · #996

## Details

- **Author**: Axis Supply
- **Price**: $12.00
- **Published**: 2026-08-28
- **Updated**: 2026-08-31
- **Added**: 2026-08-28
- **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