3D Scroll Rotation

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 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

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

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.