---
title: "Scroll 3D Slider — Free Framer component · Best of Framer"
description: "Free Framer component · by Sanna Granqvist · Carousels. Infinite-scroll image slider 3d effect"
canonical: "https://framer.elliotli.dev/component/scroll-3d-slider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Scroll 3D Slider

# Scroll 3D Slider

Infinite-scroll image slider 3d effect

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

![Scroll 3D Slider preview image 1](https://framer.elliotli.dev/og/component/scroll-3d-slider/eabda84e5c6c3cea/1600x1200.jpg)

## Summary

Infinite-scroll image slider 3d effect

## Description

Scroll-driven image slider powered by Three.js. Pick from five 3D effects — distortion, carousel, coverflow, cube, and cards — and the controls panel adapts to show only the relevant settings for that effect.

Supports horizontal and vertical scroll, plus drag and touch input.

Snap-to-slide, autoplay, and a built-in title/counter overlay are all configurable from the props panel.

Props are grouped into clear sections so nothing gets buried.

### Features:

-   5 effect presets: distortion, carousel, coverflow, cube, cards
    
-   Scroll, drag, and touch input
    
-   Horizontal or vertical direction
    
-   Snap-to-slide and autoplay
    
-   Configurable title + counter overlay
    
-   Contextual controls per effect preset
    
-   Grouped props for cleaner configuration
    

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

-   All · #416

## Details

- **Author**: Sanna Granqvist
- **Published**: 2026-04-01
- **Updated**: 2026-03-31
- **Added**: 2026-03-15
- **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
