---
title: "Cards Gallery — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Ahmet Loca · Carousels. Cards Gallery CardsGallery is a scroll-driven 3D ring gallery for Framer."
canonical: "https://framer.elliotli.dev/component/cards-gallery"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Cards Gallery

# Cards Gallery

3D ring gallery with scroll & drag

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

![Cards Gallery preview image 1](https://framer.elliotli.dev/og/component/cards-gallery/9537cdfbd93a4445/1600x1200.jpg)

## Summary

Cards Gallery CardsGallery is a scroll-driven 3D ring gallery for Framer.

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

**✦ Browse +38 FREE + 85 premium components:** [**https://frameze.com/components**](https://frameze.com/components)

**✦ Gallery Bundle:** [**https://frameze.com/components/category/gallery?ref=bundles**](https://frameze.com/components/category/gallery?ref=bundles)

## **About Cards Gallery**

CardsGallery is a scroll-driven 3D ring gallery for Framer. Project cards orbit in a perspective-tilted ring — scroll to spin on desktop, drag to rotate on mobile. Hover any card to pull it forward and reveal a live center preview with project title, category, and image. With parallax tilt, a custom animated cursor, dark/light theme toggle, and an infinite card loop, it creates a cinematic portfolio experience that works out of the box.

-   Scroll-driven 3D ring rotation on desktop
    
-   Drag with momentum and inertia swipe on mobile
    
-   Hover to pull cards forward with 3D depth effect
    
-   Live center preview — title, category and image on hover
    
-   Parallax tilt on mouse move for depth and immersion
    
-   Custom animated cursor that follows your pointer
    
-   Dark/light theme toggle with smooth icon transition
    
-   Infinite card loop — fills the ring from your project list
    
-   Loader screen with brand name and animated progress bar
    
-   Fully responsive — auto switches to mobile drag mode under 768px
    
-   Reduced motion support for accessibility compliance
    
-   Full property controls: fonts, colors, scroll height and more
    

**Use Cases**

Architecture & spatial design portfolios

Creative agency & studio showcase pages

Photography & visual storytelling sites

Interior design & real estate portfolios

Fashion & lifestyle brand pages

Art direction & editorial layouts

Event & experiential agency websites

Luxury brand & premium product pages

Personal branding & freelance portfolios

**Keywords**

3D gallery, scroll gallery, ring gallery, circular gallery framer, project card gallery, parallax gallery framer, scroll-driven animation, 3D card component, portfolio gallery, hover preview card, interactive gallery, architecture portfolio, cinematic gallery, depth gallery, dark gallery, custom cursor, scroll animation, ring carousel

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

-   All · #5213

## Details

- **Author**: Ahmet Loca
- **Price**: $4.00
- **Published**: 2026-07-11
- **Updated**: 2026-09-30
- **Added**: 2026-07-11
- **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