---
title: "ThreeDslider — Free Framer component · Best of Framer"
description: "Free Framer component · by Ahmad Raza · Carousels. A cinematic 3D card carousel"
canonical: "https://framer.elliotli.dev/component/threedslider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/ThreeDslider

# ThreeDslider

A cinematic 3D card carousel

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

![ThreeDslider preview image 1](https://framer.elliotli.dev/og/component/threedslider/9bde76c62496658a/1600x1200.jpg)

## Summary

A cinematic 3D card carousel

## Description

## Component Details

This cinematic 3D carousel component is built to deliver an immersive and premium browsing experience inside Framer. Featuring layered perspective motion, smooth transitions, and visually rich interactions, the component transforms ordinary galleries into dynamic storytelling sections.

### Features

-   Realistic 3D perspective layout
    
-   Center-focused active card animation
    
-   Dynamic scaling and depth transitions
    
-   Smooth horizontal carousel movement
    
-   Subtle rotation for side cards
    
-   Soft glow borders and cinematic shadows
    
-   Elegant dark UI aesthetic
    
-   Responsive across all screen sizes
    
-   Smooth hover and interaction effects
    
-   Infinite-style navigation experience
    
-   Optimized performance and fluid animations
    
-   Seamless video background integration for all cards
    
-   Interactive mouse-tracking glow cursor effect
    

### Customization Options

All customization options are available directly in the Framer sidebar, making the component fully editable without coding.

You can customize:

-   Card width and height
    
-   Carousel spacing and alignment
    
-   Perspective depth intensity
    
-   Active card scale
    
-   Rotation amount for side cards
    
-   Glow color and opacity
    
-   Border radius
    
-   Shadow softness and intensity
    
-   Background colors and gradients
    
-   Animation duration and easing
    
-   Drag sensitivity
    
-   Hover effects
    
-   Opacity and blur for inactive cards
    
-   Image content
    
-   Text content
    
-   Responsive behavior for tablet and mobile
    
-   Auto-play speed and looping
    
-   Transition smoothness
    

### Perfect For

-   AI art showcases
    
-   Creative portfolios
    
-   NFT galleries
    
-   Premium hero sections
    
-   Fashion editorials
    
-   Product presentations
    
-   Interactive storytelling layouts
    
-   Futuristic landing pages
    

### Experience

The component is designed to create a cinematic visual flow where users naturally focus on the center card while surrounding elements enhance depth and motion. The result feels modern, immersive, and highly polished for premium digital experiences.

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

-   All · #2087

## Details

- **Author**: Ahmad Raza
- **Published**: 2026-05-28
- **Updated**: 2026-07-02
- **Added**: 2026-05-20
- **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