react-image-slider-3d v0.3.1

3D Image Slider React Wrapper

This 3D Image slider was inspired by the video created by Lun Dev Code

This library is a react wrapper that allows the use of the slider in React and Next.js projects. There are number of options you can try changing to change the view and animation options.

View a Next.js Demo here

Installation

Install using npm

npm install react-image-slider-3d

Usage

• Import the library

  import { ImageSlider } from "react-image-slider-3d";

• The following code is a usage example of library

        <ImageSlider
          images={[
            {src: 'https://picsum.photos/200/300?random=1&blur=2'},
            {src: 'https://picsum.photos/200/300?random=2'},
            {src: 'https://picsum.photos/200/300?random=3'},
            {src: 'https://picsum.photos/200/300?random=4'},
            {src: 'https://picsum.photos/200/300?random=5'}
          ]}
          xRotation="-30deg"
          perspective="1000px"
          zTranslation="200px"
          className="imageSlider"
        />

Props