react-image-turntabledeprecated

This package aims to display an object in 360 degree perspective with the use of multiple, angled images from around the object itself.

Usage no npm install needed!

<script type="module">
  import reactImageTurntable from 'https://cdn.skypack.dev/react-image-turntable';
</script>

README

andrewmcoupe

React Image Turntable

built with TypeScript

Try the demo 👈

This package aims to display an object in 360 degree perspective with the use of multiple, angled images from around the object itself which you need to provide.

A decent looking turntable will require 20-35 angled images from around the object, ordered correctly.

Installation

npm i react-image-turntable

or

yarn add react-image-turntable

Usage

Props Type
images string[]

import React from 'react'
import { Turntable } from 'react-image-turntable'

const myImages = [<YOUR_IMAGE_PATHS>]

const MyTurntable = () => (
    <Turntable images={myImages} />
)