3D project ring

Screenshots of projects on this site, standing on a ring in real 3D space. Drag to spin it around, click a panel to see which project it is.

Loading 3D scene…

How it works

A real 3D scene

Each screenshot is a flat plane placed on a circle. The camera looks at the circle from slightly above, and dragging moves the camera around it, so panels at the back are genuinely farther away. It uses three.js through React Three Fiber.

Nothing runs at rest

The canvas renders on demand. A frame is drawn only when you drag or click, so an idle page uses no GPU time.

Without JavaScript

The same screenshots are shown as a plain list instead.

Next experiment: Search and state