WorldGrid 3D Gallery

WorldGrid. Interactive 3D image sphere for Framer

WorldGrid turns a set of images into an interactive 3D sphere that people can rotate, zoom, and explore directly inside your Framer projects.

Drag to rotate on both axes. Scroll to zoom within your chosen limits. Click an image to open it in a focused lightbox with keyboard navigation for previous, next, and escape to close.

You control the number of images, their size, the sphere radius, movement speed, and the background. WorldGrid is designed for a simple setup. Drop it on the canvas, add your images, adjust a few controls, and you are ready.

Try it out here

-----------------------------------------------------------------------

Best uses

• Portfolio home pages and project galleries

• Hero sections that need an interactive focal point

• Photography, poster, and artwork collections

• Visual archives and editorial layouts

• Landing pages that need a memorable image experience

Key features

Interaction controls

• Drag to rotate in any direction

• Scroll to zoom with adjustable minimum and maximum zoom

• Rotation speed control so movement can stay subtle or feel more direct

Display controls

• Support for up to 50 images

• Smart placeholder system if you add fewer than your image count

• Adjustable image size

• Background color control for full visual flexibility

Lightbox and alt text

• Optional lightbox on image click

• Keyboard navigation with left, right, and escape

• Custom alt text for every image

• Controls for text alignment and font so descriptions stay on brand

Performance notes

For the best experience:

• Use optimized images instead of very large source files

• Be mindful of total file size when working with high image counts

• Heavy or oversized images can impact performance on slower devices or networks

Recommended setup

WorldGrid is best experienced as a standalone component on the canvas.

Because zooming and exploration use the scroll wheel, it works best on pages that do not require additional scrolling. For the cleanest user experience, place the component on a dedicated page or section with no scrollable content above or below it.

Non-refundable policy

All sales are final. This is a digital product and refunds cannot be issued. Once purchased, you will continue to have access to the component.

Usage and distribution

As an independent studio, we created WorldGrid with a lot of care. Your purchase lets you use it freely across all your personal and client projects. All we ask is that you don’t resell, share, or redistribute the component. Thanks for supporting the work that makes tools like this possible.