---
title: "Depth slider — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Bob Torfs · Carousels. A centered slider with 3D perspective"
canonical: "https://framer.elliotli.dev/component/depth-slider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Depth slider

# Depth slider

A centered slider with 3D perspective

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

![Depth slider preview image 1](https://framer.elliotli.dev/og/component/depth-slider/8576b8974fec83ad/1600x1200.jpg)

## Summary

A centered slider with 3D perspective

## Description

Perspective Slider is a visually rich carousel built around depth, focus, and spatial motion.

The active card always sits centered in a flat, 2D state, while the surrounding cards tilt inward using a subtle 3D perspective. This creates a natural sense of hierarchy and direction without overwhelming the layout.

Users can navigate through the slider using arrow controls or by clicking directly on any visible card. When switching, the newly selected card moves into the center and flattens, while the previous center card shifts left or right and adopts the 3D tilt — keeping the structure consistent at all times.

The slider loops infinitely, making it ideal for galleries, featured work, product showcases, or editorial content where visual continuity and depth matter.

**Features:**

-   Infinite looping slider
    
-   Center-focused 2D card
    
-   3D tilted side cards
    
-   Arrow and click-based navigation
    
-   Smooth perspective transitions
    
-   Responsive and fully customizable
    

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

-   All · #7368

## Details

- **Author**: Bob Torfs
- **Price**: $12.00
- **Published**: 2026-02-06
- **Updated**: 2026-02-08
- **Added**: 2026-01-29
- **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