GravityGallery

Floating gallery with hover physic

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

Floating gallery with hover physic