Scroll Cards Gallery

A gallery component built for Framer. Live preview below — interact with it directly before you buy.

Buy this component — $8 Preview Get All-Access instead

About Scroll Cards Gallery

Scroll 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
→Editorial & magazine-style layouts
→Video reel & showcase pages
→Moodboard & inspiration sites

Best value

Get every component with All-Access — $129

Scroll Cards Gallery and all 122 others, current and future.

Get All-Access

More Gallery

Reveal Gallery Pro

Accordion Images Pro

Cards Gallery