61:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 62:Tc99,

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.

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-f71e1a73-ddb3-4f1b-9153-083d805cef6f-all:/unified/creator/f71e1a73-ddb3-4f1b-9153-083d805cef6f/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:f71e1a73-ddb3-4f1b-9153-083d805cef6f:/unified/posts/?creator=f71e1a73-ddb3-4f1b-9153-083d805cef6f&with=reposts":[{"data":[{"id":"019b08cd-aae1-77c6-8d0d-dd2937a4147c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"f71e1a73-ddb3-4f1b-9153-083d805cef6f","name":"Rahul Bhogal","slug":"rahul-bhogal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/679337/786f3205370c9cfb63e1c7c72499dbb2-B8lPgucD7aNKCWHiCOB17CQXBh1BgB","followed":false,"followsYou":false},"media":[],"resources":[{"id":"OST3KrkB2EASMdIAWpcW","resolved":true,"title":"WorldGrid 3D Gallery","body":"$62","bodyJson":null,"introduction":"","slug":"worldgrid-3d-gallery","author":{"framerUserId":"f71e1a73-ddb3-4f1b-9153-083d805cef6f","name":"Rahul Bhogal","slug":"rahul-bhogal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/679337/786f3205370c9cfb63e1c7c72499dbb2-B8lPgucD7aNKCWHiCOB17CQXBh1BgB","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/OST3KrkB2EASMdIAWpcW/worldgrid-3d-gallery-1hiJdQ78sFftfyYfI8DNG4Mi3qLxVG","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-20T21:29:32.428Z","updatedAt":"2025-12-12T17:44:37.818Z","publishedAt":"2025-12-10T15:07:35.009Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://worldgrid.framer.website/","price":"15","paymentUrl":"https://nothingdesignstudio.lemonsqueezy.com/buy/67dc3674-8cfa-4202-9e84-45da790ee0e9","workshop":true,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"NqQXNKuq8sy9LnzdnGYl","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-10T15:07:35.009Z","updatedAt":"2025-12-10T15:07:35.009Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L63"}]