About Scroll Cards Gallery

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

✦ Get everything for one price: 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