next-360-image-viewer

Install

npm i next-360-image-viewer
# Or
yarn add next-360-image-viewer
# Or
pnpm i next-360-image-viewer

Example

import { NextImageTurntable } from 'next-360-image-viewer';

const images = [
    'https://via.placeholder.com/1920x1080?text=1',
    'https://via.placeholder.com/1920x1080?text=2',
    'https://via.placeholder.com/1920x1080?text=3',
];

export const ImageViewer = () => {
    return (
        <>
            <NextImageTurntable images={images} />
        </>
    )
}

Props

Props	Type	Required	Default Value
images	string[]	✓	undefined
initialImageIndex	number		0
movementSensitivity	number		20