---
title: "Grid Motion Gallery — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Aviral Lakhanpaul · Galleries. Demo Grid Motion Gallery Component Preview Update v1.1 Changelog ⚡Now you can add videos too!"
canonical: "https://framer.elliotli.dev/component/grid-motion-gallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Grid Motion Gallery

# Grid Motion Gallery

Interactive grid-based gallery

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

![Grid Motion Gallery preview image 1](https://framer.elliotli.dev/og/component/grid-motion-gallery/5f1284e26f2b93be/1600x1200.jpg)

## Summary

Demo Grid Motion Gallery Component Preview Update v1.1 Changelog ⚡Now you can add videos too!

## Description

### Perfect for hero sections, showcases, and highlights.

It adds depth and interactivity without redesigning your layout.

The animation engine is **GPU-optimised** and **mobile-responsive**.

## Demo

Grid Motion Gallery Component Preview

## Update v1.1 Changelog

⚡Now you can **add videos** too!

⚡Added **support for background colour with transparency** mode.

⚡Added a **new property — Damping**, to control the softness of the mouse interactivity.

⚡Fixed the inconsistencies in some properties.

⚡Fixed the gallery not taking up the full width.

## Why designers use it

-   Instantly turns static visuals into scroll-stopping motion
    
-   Works with any layout — background, hero, banner, or section block
    
-   Looks premium without distracting from content
    
-   Perfect for portfolio grids, product spreads, photography, and UI displays
    

## Customization Categories

-   **Grid layout** — rows, columns, spacing, rotation
    
-   **Motion settings** — mouse tracking, damping, movement distance
    
-   **Images/Videos** — upload or replace with your own content
    
-   **Styling** — padding and background
    

## Quick Setup

1.  Drop the component into your canvas.
    
2.  Add images/videos.
    
3.  Tune grid + motion to match your layout.
    
4.  Publish.
    

### After completing your purchase, you will receive a link to the component.

**Copy the URL and paste it into your Framer project to import it.**

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-7ft0oxec-BoC8UksRa21ZLY5GsU6reTethrJmFd)](https://polar.sh)

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

-   All · #9210

## Details

- **Author**: Aviral Lakhanpaul
- **Price**: $9.00
- **Published**: 2025-09-20
- **Updated**: 2026-07-03
- **Added**: 2025-09-11
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery