Gallery Ring Interactive 3D Showcase: Gallery | HorizonX

Code

Gallery Ring Interactive 3D Showcase

A draggable 3D ring that orbits your work in space. Drag, scroll, or let it spin.

HorizonX
Subscribe to download
Gallery Ring Interactive 3D Showcase (1)
Gallery Ring Interactive 3D Showcase (2)
Gallery Ring Interactive 3D Showcase (3)
Gallery Ring Interactive 3D Showcase (4)
Gallery Ring Interactive 3D Showcase (5)
Gallery Ring Interactive 3D Showcase (6)
Gallery Ring Interactive 3D Showcase (7)
Gallery Ring Interactive 3D Showcase (8)
Drag or scroll to explore
  • Instant access Included with every membership
  • Full source code Download and run locally
  • Commercial license With a membership, for client work

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 with no Three.js or WebGL
  • Responsive fit-to-column, reduced-motion aware

Preview

What's included

  • Full source code
  • README & setup guide
  • Component documentation
  • Commercial license with a membership

Frequently asked questions

  • The full source code for this asset, ready to download and integrate into your project.

  • Unzip the download and follow its README. Coded products run through a local web server or your project's dev server, started with the command the README gives, so double-clicking an index.html file can show a blank page. The Specs list on this page names the format and what it's built for.

  • It's included with a HorizonX membership. Download it instantly, no separate purchase.

  • Yes, with a HorizonX membership. Members get a commercial license: use and adapt these files in personal, client and commercial projects. If your plan ends, projects you already built keep their license, but the files can't be used to start new ones.

Related Products