Möbius Gallery

Remix Link - Möbius Gallery

A gallery with one side and no end.

Möbius Gallery threads your images onto a strip with a half twist. Cards ride the loop, cross over themselves and come back around on the reverse. It is one code component for portfolios, photo stories and product showcases that need more than a grid.

The part nearest you grows. A focus field gives the front of the loop, the pointer or a fixed spot more room, so those cards get bigger while the far side steps back and fades into the background.

Real perspective, drawn in WebGL. Choose an infinity loop or a ring, any number of half twists, and where a gathered twist sits, including tucked behind the crossing. Depth Shade darkens the far side and Occlusion adds a soft shadow where the strip passes over itself.

Visitors stay in control. Autoplay with speed and direction, drag with inertia, wheel scrubbing, prev and next, keyboard keys and a full screen lightbox. A caption, a minimap, a control bar and a thumbnail ticker stay in sync with the strip.

What's inside:

- One code component, one file, no extra packages

- Infinity and ring shapes, Front, Lean, Above, Low and Orbit views

- Twist At, Depth Shade and Occlusion controls

- Caption, minimap, control bar, ticker and lightbox, each optional

- Light and dark interface with a built-in theme switch

- Keyboard support, screen reader labels and reduced motion

- Pauses off screen and in background tabs

Built for handover.

The Start Here page walks through every control in 9 sections, with setup steps and common fixes. Give the gallery a fixed height and check motion in Preview; the canvas shows a still frame.

Add your own images in the Images list. Left empty, it shows a demo set from Lorem Picsum.