Skip to content
UNMAINTAINED: AnimakitRotator
JavaScript
Branch: master
Clone or download
Latest commit 8ac2b01 Mar 7, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
lib Minor perf improvement Jan 20, 2018
test Update packages Oct 20, 2018
.babelrc Do not use stage-0 Feb 26, 2017
.gitignore Remove rollup. Use es6 extension May 3, 2016
CHANGELOG.md 2.1.3 Jan 20, 2018
LICENSE Version 1.0.0 Apr 27, 2016
README.md Update README.md Mar 7, 2019
index.js Remove rollup. Use es6 extension May 3, 2016
package-lock.json Update packages Oct 20, 2018
package.json Update packages Oct 20, 2018

README.md

AnimakitRotator

WARNING: Currently unmaintained because of lack of interest, activity and resources

React component for the 3D rotation of the blocks. Supports up to 6 blocks, different sizes, and X/Y axis.

Usage

<AnimakitRotator side={this.state.loading}>
  <Button />
  <Loader />
</AnimakitRotator>

Demo

Installation

npm install animakit-rotator

Properties

Property Required Type Default Value Available Values Description
side true string Key of the first child Key of the component child Current visible side, that contains a child with the corresponding key
axis false string X X, Y Axis of rotation
shadow false bool true, false Shadow on the rotator side. If you use 4 or less sides, it will be visible only while rotation
background false string Any color in hexadecimal format Color of the rotator side, transparent by default
duration false number 1000 Any integer number Duration of rotation
easing false string cubic-bezier (.165,.84,.44,1) Any easing function Easing function of rotation

Limitations

The appearance of the components may be affected due to the absolute positioning, so it is preferable to use fixed width or non-breakable spaces.

Origin

AnimakitRotator is the part of Animakit. See https://animakit.github.io for more details.

Sponsored by Evil Martians
You can’t perform that action at this time.