---
title: "Scroll Cards Gallery — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Ahmet Loca · Galleries. Scroll Cards Gallery Mosaic Cards Gallery is a scroll-driven photo and video grid for Framer."
canonical: "https://framer.elliotli.dev/component/scroll-cards-gallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Scroll Cards Gallery

# Scroll Cards Gallery

Scroll-animated photo & video grid

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

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

## Summary

Scroll Cards Gallery Mosaic Cards Gallery is a scroll-driven photo and video grid for Framer.

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

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

**✦ Get everything for one price:** [**https://ahmetloca.dub.link/allcomponents**](https://ahmetloca.dub.link/allcomponents)

## **About Scroll Cards Gallery**

Mosaic Cards Gallery is a scroll-driven photo and video grid for Framer. Tiles rotate, scale and lean into 3D as you scroll and move your cursor, then snap open into a full-screen lightbox on click. Fully responsive with dark and light mode built in. Perfect for portfolios, moodboards and visual storytelling sites.

**Features**

-   Scroll-driven rotation & scale animation on an internal scroll track
    
-   Asymmetric mosaic grid — each tile spans custom columns & rows
    
-   Mix images and videos in the same grid, per tile
    
-   Counter-rotating media keeps every photo level while the grid spins
    
-   Click-to-expand lightbox with keyboard focus trap & Escape to close
    
-   Mouse parallax tilt — grid leans in 3D toward your cursor
    
-   Animated dark/light mode toggle
    
-   Scroll hint indicator so visitors know to interact
    
-   Subtle gradient overlay on every tile for depth
    
-   Demo Mode — live toggle bar for presentations
    
-   Fully responsive — scales to fit any container, works on mobile
    
-   Full property controls: grid size, tile size, gap, radius, rotation, colors
    
-   Respects prefers-reduced-motion automatically
    
-   Works out of the box — no setup needed
    

**Use Cases**

Portfolio & personal branding websites

Photography & visual storytelling sites

Creative agency & studio pages

Fashion & lookbook websites

Architecture & interior design portfolios

Product showcase & feature sections

SaaS marketing & feature highlight pages

Event & conference websites

Wedding & event photography sites

**Keywords**

mosaic gallery, scroll gallery, image grid, video gallery, scroll animation gallery, rotating image grid, parallax gallery, lightbox gallery, dark mode gallery, responsive image grid, gallery component, photo grid gallery, video grid gallery, interactive gallery, grid layout gallery, moodboard gallery, portfolio gallery

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

-   All · #5193

## Details

- **Author**: Ahmet Loca
- **Price**: $4.00
- **Published**: 2026-07-16
- **Updated**: 2026-09-30
- **Added**: 2026-07-16
- **Categories**: Galleries

## More like this

-   [Geometry CMS Gallery](/component/geometry-cms-gallery) — Akshay M · $20 — Scroll-Animated Portfolio Gallery
-   [Fluid InfiniteScroll](/component/fluid-infinitescroll) — Atemo Art · $16 — LIQUID / PRISM Gallery
-   [Isometric Gallery](/component/isometric-gallery) — Edi Priatama · $5 — 3D image gallery
-   [HoverExpand Gallery](/component/hoverexpand-gallery) — piyush vichare · $2 — HoverExpand Gallery is a modern Framer component for creating interactive image galleries with smooth hover expansion.