Orbitfield Gallery is a responsive Framer component for presenting projects, images, and visual references across a large interactive canvas with smooth pan and zoom, inertia, draggable and resizable cards, parallax depth, hover effects, animated focus, touch gestures, and individual links.

Use Cases

This component works especially well for:

creative portfolios project archives interactive moodboards photography collections architecture portfolios design studio websites editorial image libraries art direction showcases campaign overviews visual case study navigation

Perfect when you want visitors to freely explore your work instead of moving through a traditional grid, carousel, or static project list.

–––––––––––––––––––––––––––

Customization

Fully customizable via the properties panel:

project images project titles individual links placeholder count background color grid visibility and opacity card radius shadow strength initial, minimum, and maximum zoom hover effects card surface and border card padding label color edge haze parallax strength drag spring

Cards can be moved and resized directly on the canvas. When no projects are added, the component automatically generates a scattered demo layout with varied sizes, rotations, images, and depth.

–––––––––––––––––––––––––––

Responsive behavior

Desktop: Full pan, cursor-centered zoom, inertia, hover, parallax, dragging, resizing, and animated card focus.

Tablet: Smooth pointer and touch navigation with pinch-to-zoom and an adaptive full-screen layout.

Mobile: Touch-friendly panning, pinch-to-zoom, card movement, and linked project navigation.

The component fills the available width and viewport height to create an immersive, explorable project experience across all screen sizes.