Overview
An interactive 3D gallery ring for product and showcase pages. Instead of a static image, your work orbits in space — drag to spin it, scroll to nudge it, or let it slowly auto-rotate. Switch live between four layouts: Flat (airy oval), Tilt (receding disc), Ring (rotating cylinder) and Gallery (static grid), and fine-tune card size, radius and rotation from the built-in controls. Built with Svelte and pure CSS 3D transforms — no Three.js, no WebGL, no heavy dependencies — so it stays fast, responsive and reduced-motion aware. Drop it into any product page and it fits the content column automatically.
Highlights
- Drag, scroll & idle auto-rotate
- Four live layouts: Flat, Tilt, Ring, Gallery
- Built-in card size / radius / rotation controls
- Pure CSS 3D — no Three.js or WebGL
- Responsive fit-to-column, reduced-motion aware
