---
title: "Scroll Magic — Framer component · Best of Framer"
description: "$20.00 · Framer component · by Lalit · Carousels. Scroll Magic turns simple page scroll into a cinematic, one-screen media showcase."
canonical: "https://framer.elliotli.dev/component/scroll-magic"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Scroll Magic

# Scroll Magic

A scroll-driven 2D/3D showcase: 55

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

![Scroll Magic preview image 1](https://framer.elliotli.dev/og/component/scroll-magic/451c6edf3e3e4ba6/1600x1200.jpg)

## Summary

Scroll Magic turns simple page scroll into a cinematic, one-screen media showcase.

## Description

**Scroll Magic** turns simple page scroll into a cinematic, one-screen media showcase. Pin a single screen and let scrolling drive your images, videos, and text through **55 hand-tuned presets** — spanning smooth 2D pans and fades to immersive 3D coverflow, carousel, tunnel, helix, and more.

Drop in unlimited media, write headings and captions directly on any image or video, and fine-tune everything from the panel — no code required. Add hover and click effects, click-to-zoom focus, per-card links, auto-play, and even a draggable 3D canvas to orbit the whole scene.

**Highlights**

-   🎞 **55 presets** — 3 × 2D + 52 × 3D (Coverflow, Carousel, Tunnel, Helix, Cube, Globe & more)
    
-   🖼 **Any media** — unlimited images, videos, and text cards
    
-   ✍ **Text on media** — title + caption with position, full type controls
    
-   ✨ **Interactions** — hover FX, click-to-zoom, per-card links, auto-play
    
-   🎛 **Per-card control** — size, links, and styling per item
    
-   🧭 **3D canvas** — drag to orbit the scene
    
-   📱 **Responsive** — works mobile to large desktop
    

Just paste, drop on a page, and scroll.

## **Refund Policy**

**All sales are final.** Because Scroll Magic is a digital product delivered instantly, we do not offer refunds, returns, or exchanges once purchased. Please review the description, preview, and demo before buying. If you run into any issue setting it up, reach out and we'll gladly help you get it working.

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

-   All · #7263

## Details

- **Author**: Lalit
- **Price**: $20.00
- **Published**: 2026-06-16
- **Updated**: 2026-06-16
- **Added**: 2026-06-16
- **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