GravityGallery — Floating gallery with hover physics

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