About GravityGallery
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
Add the component to your Framer canvas
In the property panel, add images and configure size and position per item
Adjust Speed and Hover Force to taste
Done — no code needed
