---
title: "Scroll Services 3D — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Nirav Jivani · Sections. Scroll Services 3D Section — a scroll-driven 3D cube showcase section for Framer."
canonical: "https://framer.elliotli.dev/component/scroll-services-3d"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Scroll Services 3D

# Scroll Services 3D

A scroll driven 3D cube showcase

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

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

## Summary

Scroll Services 3D Section — a scroll-driven 3D cube showcase section for Framer.

## Description

**Scroll Services 3D Section — a scroll-driven 3D cube showcase section for Framer.**

Turn your services, work or process list into a rotating 3D scroll animation. Two synchronised cubes cross-rotate as the visitor scrolls: text cards roll forward while imagery counter-rotates, sharing one vanishing point for a clean seam. Drop it on the page no extra code needed.

**SCROLL ANIMATION**

-   Scroll-driven 3D cube rotation with sticky pinning
    
-   Cross-rotate (counter-rotation) toggle
    
-   Spring stiffness & damping for smooth or snappy motion
    
-   Adjustable scroll length per card to control pacing
    
-   Progress dots indicator
    
-   Respects reduced-motion; static canvas preview
    

**CONTENT**

-   Unlimited items number, title, label/value rows, image
    
-   Auto-numbering (01, 02, 03…) with visibility toggle
    
-   Optional CTA face with label, image, background
    
-   Built-in intro section: eyebrow, heading, paragraph
    
-   Built-in bottom CTA section: heading and text
    
-   Both sections toggle on/off use only the cube if you want
    

**LAYOUT & STYLE**

-   Card size, gap, max width, corner radius, perspective
    
-   Left or centre card text alignment
    
-   Full colour control: background, heading, muted text, cards, accent
    
-   Black & white image toggle
    
-   Optional crop-mark detailing for an editorial look
    
-   Custom font control
    
-   Gradient fallback backgrounds when no image is set
    
-   Responsive with clamp-based typography and spacing
    

**GREAT FOR**

Agency services sections, portfolio and case-study showcases, product feature walkthroughs, process and steps sections, studio landing pages and dark-theme hero sections.

**KEYWORDS**

scroll, scroll animation, 3d scroll, scroll section, sticky scroll, services section, showcase, portfolio, case study, 3d cube, gallery, cards, agency, studio, process, steps, features, CTA, parallax, editorial, responsive

**NEED HELP?**

Questions about installing or customizing this component or looking for custom Framer development?

Email [nirav.jivani6@gmail.com](mailto:nirav.jivani6@gmail.com). I usually reply within 24 hours.

Thank you.

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

-   All · #5360

## Details

- **Author**: Nirav Jivani
- **Price**: $10.00
- **Published**: 2026-07-27
- **Updated**: 2026-07-27
- **Added**: 2026-07-27
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes