---
title: "GravityGallery — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Magdalena Wołowiec · Galleries. Floating gallery with hover physic"
canonical: "https://framer.elliotli.dev/component/gravitygallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/GravityGallery

# GravityGallery

Floating gallery with hover physic

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

![GravityGallery preview image 1](https://framer.elliotli.dev/og/component/gravitygallery/2752d4fb82e8c2e3/1600x1200.jpg)

## Summary

Floating gallery with hover physic

## Description

**Floating Gallery** is a physics-based image gallery component for Framer. Images drift downward continuously and react to your cursor in real time — hover anywhere on the section and all photos flee in the opposite direction. Click any image to pause and zoom it in place, while the rest keep moving.

**Features**

-   Continuous downward drift with natural variation in speed per image
    
-   Cursor-reactive hover — images flee in the opposite direction from your mouse position
    
-   Click to pause & zoom — click any image to freeze and scale it up, click again to release
    
-   Per-image property controls — set width, height, border radius, start position (X/Y), and alt text individually
    
-   Adjustable speed and hover force via property panel
    
-   Dark background color picker included
    
-   Fully accessible — alt text field per image
    
-   No dependencies — pure React + Framer API
    

**Best for**

Music venues, clubs, agencies, editorial sites, portfolio pages, and any dark-aesthetic Framer project.

**How to use**

1.  Add the component to your Framer canvas
    
2.  In the property panel, add images and configure size and position per item
    
3.  Adjust Speed and Hover Force to taste
    
4.  Done — no code needed
    

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

-   All · #1091

## Details

- **Author**: Magdalena Wołowiec
- **Price**: $10.00
- **Published**: 2026-06-08
- **Updated**: 2026-10-22
- **Added**: 2026-06-06
- **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