Inner Globe Gallery

Inner Globe Gallery is a 3D image and video gallery that puts the viewer inside a slowly turning globe. Every card is curved onto the sphere's surface, and each row leans at its own angle, so the gallery wraps around the screen like the inside of a real globe.

Built for portfolio heroes, product showcases, agency landing pages, lookbooks and event galleries.

Features

Cards: image or video (MP4, WebM or MOV), title and an optional link that can open in a new tab.

Card style: width, height, padding, background, corner radius, media radius, fill or fit.

Titles: below, above, over the media or hidden, with full font controls.

Globe: automatic or manual rows, horizontal and vertical gaps, and a brick stagger. Globe Size sets how strongly cards curve, View Distance sets how close the surface is, and Field of View works like a camera lens. Tilt looks up or down.

Spin: left, right, up or down, with its own speed and a slower speed on hover.

Drag: drag or swipe to spin it, then throw it and it glides back to speed. Smoothing gives a heavy, silky, smooth-scroll feel. Page Scroll can turn the globe as the page scrolls.

Hover presets: Dim Others, Fade Others, Scale Up, Dim Card, Fade Card or None.

Style: background colour and an edge fade.

Real 3D in WebGL: curved meshes on a true sphere, smooth with dozens of cards and several videos.

Canvas preview: a still 3D layout on the canvas, so you can style it without previewing.

Accessible: linked cards are listed as real links, arrow keys nudge the globe, and reduced motion stops auto spin.

Efficient: pauses off screen, and images load at the size cards need.

Editable code: open, documented source with a guide for AI coding agents.