New:Microsoft Teams Notifications Are Now Available in Socket.Learn more →
Get Started

@neurodyn/spin-viewer

Package Overview
Dependencies
Maintainers
1
Versions
23
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@neurodyn/spin-viewer

Framework-independent 360° product viewer distributed as a self-registering CDN script.

latest
npmnpm
Version
0.0.0-canary-20260901162651
Version published
Weekly downloads
1.1K
161.47%
Maintainers
1
Weekly downloads
 
Created
Source

@neurodyn/spin-viewer

Framework-independent 360° product viewer distributed as a self-registering CDN script.

Embed

<neurodyn-spin-viewer
  api-key="pk_live_..."
  public-id="product-public-id"
  variation-id="optional-variation-uuid"
></neurodyn-spin-viewer>

<script src="https://cdn.neurodyn.ai/@neurodyn/spin-viewer/dist/spin-viewer.embed.min.js"></script>

The element has a 4:3 footprint and fills the available width. api-key and public-id are required. Updating either attribute reloads the 360° View; updating variation-id after the viewer becomes ready performs a Variation swap.

Zoom control

The built-in control is enabled by default. Hide it without disabling image click/tap zoom:

<neurodyn-spin-viewer controls=""></neurodyn-spin-viewer>

An external control can call zoomIn() and zoomStop(). The built-in button exposes part="zoom-in" or part="zoom-out":

neurodyn-spin-viewer::part(zoom-in),
neurodyn-spin-viewer::part(zoom-out) {
  color: #111;
  background: #fff;
}

State and events

data-state is loading, ready, or error. The element emits bubbling, composed ready, error, frame-change, spin-start, spin-end, and zoom-change events. Error details are deliberately normalized and never include API keys, image URLs, backend messages, or stack traces.

FAQs

Package last updated on 01 Sep 2026

Related posts