js-cloudimage-360-view

360 Image View

Display every detail from any angle, on any device. Interactive 360° product views with zoom, autoplay, hotspots, and fullscreen.

Get Started GitHub
2.1k+
GitHub Stars
360°
Full Rotation
TS
TypeScript
MIT
Licensed
Showcases

Trusted by top brands, worldwide

Explore the brands that use our 360° viewer to showcase their products.

Vivo

Jawa

Geely

API

Programmatic Control

Control the viewer with JavaScript — play, stop, rotate, and navigate to specific frames.

Playback

Rotation

Navigation

Current Frame

Frame: 1 / 73
Playground

Create 360° views, your way

Build your perfect 360° viewer in just a few steps. Configure the options below and copy the generated code.

Try it live Vanilla React
1

Preview

See your 360° viewer in action

2

Image Source

Select your image set and quantity

3

Customize Behavior

Fine-tune interactions, animations, and controls

Zoom & Display

Autoplay

Drag & Touch

Keyboard

Display

Hints:
4

Custom Styling

Override default styles with your own CSS

5

Generated Code

Copy this code to your HTML file

copy icon Copy
<div
></div>
Also by Scaleflex

js-cloudimage-hotspot

Add interactive hotspots to any image with zoom, popovers, and full accessibility. Zero dependencies, under 10 KB gzipped.

Live Demo GitHub
Also by Scaleflex

js-cloudimage-before-after

Beautiful image comparison slider with responsive design, touch support, and smooth animations. Perfect for showcasing transformations.

Live Demo GitHub
Before After
Also by Scaleflex

js-cloudimage-3d-view

Interactive 3D product viewer with multi-row support, gyroscope control, and smooth animations. Showcase products from every angle.

Live Demo GitHub