react-animated-cubes

Simple Three JS Cube Edges Falling Animation

DEMO

Installation

npm install --save react-animated-cubes

Use npm start to preview

Simple Usage

  <AnimatedCubes />

Props

name|required|type|default|description ----|--------|----|-------|----------- backgroundColor|false|string|"#262626"|Background color of the <canvas> edgeColor|false|string|"#59c0bb"|Edge color of the cubes maxEdgeLength|false|number|500|Maximum edge length minEdgeLength|false|number|100|Minimum edge length maxFallingSpeed|false|number|10|Maximum falling speed per frame minFallingSpeed|false|number|5|Minimum falling speed per frame maxRotationSpeed|false|number|0.03|Maximum rotation speed per frame (1 = 360°) minRotationSpeed|false|number|0.01|Minimum rotation speed per frame (1 = 360°) numberOfCubes|false|number|5|Maximum number of cubes to be falling at once style|false|Object||Style of container div

Support

If you like this plugin, please consider donating to a small time developer (me)!

Donate