box-3d-animate v0.3.4

box-3d-animate

small contribution for those who work with react and styled-components

Box 3d animate is just a library for create 3d box with your images.

Installation

require react and styled-components via yarn, just follow these simple commands:

$ yarn add box-3d-animate

or via npm:

$ npm install box-3d-animate --save

Basic use

import in your file js

...
import CreateBox3D from "box-3d-animate";
// import your images
import frontSide from "./imageF.jpg";
import backSide from "./imageB.jpg"
import leftSide from "./imageL.jpg"
import rightSide from "./imageR.jpg"
import topSide from "./imageT.jpg"
...
render() {
  return (
    <CreateBox3D
      defaultWidth={200}
      frontSide={frontSide}
      backSide={backSide}
      leftSide={leftSide}
      rightSide={rightSide}
      topSide={topSide}
    />
  );
}

Properties

Nextjs example

...
import CreateBox3D from "box-3d-animate";
...
render() {
  return (
    <CreateBox3D
      SSR={true}
      ...
    />
  );
}

Some examples here

License

Box 3d animate is licensed under the MIT license. (http://opensource.org/licenses/MIT)