About Component
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.
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
Keywords
mosaic gallery, scroll gallery, image grid, video gallery framer, scroll animation gallery, rotating image grid, parallax gallery, lightbox gallery, dark mode gallery, responsive image grid, framer gallery component, photo grid gallery, video grid gallery, interactive gallery framer, grid layout gallery, moodboard gallery, portfolio gallery framer, asymmetric grid gallery, card gallery framer, hover gallery framer, scroll driven animation
About Component
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.
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
Keywords
mosaic gallery, scroll gallery, image grid, video gallery framer, scroll animation gallery, rotating image grid, parallax gallery, lightbox gallery, dark mode gallery, responsive image grid, framer gallery component, photo grid gallery, video grid gallery, interactive gallery framer, grid layout gallery, moodboard gallery, portfolio gallery framer, asymmetric grid gallery, card gallery framer, hover gallery framer, scroll driven animation
