---
title: "3D Scroll Rotation — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Nabeel · Carousels. About A 3D carousel-like vertical scrolling experience with perspective effects."
canonical: "https://framer.elliotli.dev/component/3d-scroll-rotation"
---

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

# 3D Scroll Rotation

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

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

## Summary

About A 3D carousel-like vertical scrolling experience with perspective effects.

## Description

## About

A 3D carousel-like vertical scrolling experience with perspective effects. As items scroll, they smoothly rotate in 3D space based on their position relative to the viewport center, creating an infinite scrolling effect with 3D rotation.

This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click [here](https://segmentui.com/uikit) to see the full library

## Instructions

1.  Copy and paste the VerticalScrollInstances component into your Framer project file.
    
2.  Add the components you want to display by adding instances to the "Instances" property (frames, images, text blocks, or any other components).
    
3.  Adjust the gap between items to achieve your desired spacing.
    
4.  Customize the 3D effect by setting the Max X Rotation value (how much items rotate as they move away from the center).
    
5.  Add variety by enabling Random Y Rotation if desired.
    
6.  Enable Auto Scroll and adjust the speed for a hands-free scrolling experience.
    
7.  The component will automatically handle infinite scrolling and 3D perspective effects.
    

## How It Works

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-h9dcd7li-A9EyXGk96zge56TfPZ27k9Te48ano1)

The component offers several customization options through property controls:

-   Add any Framer components as content instances
    
-   Adjust spacing between items with gap controls
    
-   Control 3D rotation effects with max rotation angle settings
    
-   Add randomized Y-axis rotation for varied appearances
    
-   Enable auto-scrolling with adjustable speed
    

## Support

For any queries and help setting up the component, contact [hello@segmentui.com](mailto:hello@segmentui.com)

## Refund Policy

If a component does not function as advertised and the issue cannot be resolved, you are eligible for a full refund under our quality guarantee. Refunds will not be provided for any other reasons, including change of mind, accidental purchase, lack of use, or expectations of features not explicitly advertised.

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

-   All · #8876

## Details

- **Author**: Nabeel
- **Price**: $9.00
- **Published**: 2025-09-24
- **Updated**: 2025-09-23
- **Added**: 2025-09-17
- **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