About Infinite Dome Grid
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.
