Infinite Dome Grid

Live Preview Grab more quality components for free Infinite Dome Grid turns your projects into an immersive, endlessly draggable gallery.

Live Preview Grab more quality components for free Infinite Dome Grid turns your projects into an immersive, endlessly draggable gallery. Move around the grid to explore projects, while the cards respond to your cursor with a subtle dome-like 3D effect. Click any project to open it in an animated detail modal. Features Infinite looping project grid Drag freely in any direction Smooth momentum and inertia Interactive 3D dome effect Cursor-based spotlight Click-to-open project details Animated project modal Custom project images, titles, metadata & descriptions Static-render optimized for Framer Fully Customizable Customize the grid, motion, 3D effect, typography, modal, colors, and project content directly through Framer's property panel. Customize Project images & content Tile width, height, spacing & radius Drag friction & momentum Dome radius & strength Thumbnail typography & colors Modal size, radius & layout Modal typography & colors Background, vignette & backdrop How It Works Drag anywhere across the grid to explore an endless collection of projects. The grid uses momentum-based movement after release, while the cursor creates a subtle 3D dome effect around the pointer. Click a project to expand it into a larger animated modal.

Draggable Project Grid