react-parallax-card v0.5.7

react-parallax-card

React component for a card with 3D effects similar to Apple TV app icons. Work in progress. Heavily inspired by https://github.com/drewwilson/atvImg

Demo

https://theopak.github.io/react-parallax-card

Usage

# Install from npm
npm install react-parallax-card --save

import ParallaxCard from 'react-parallax-card'

<ParallaxCard
  label='Label (optional)'
  enableRotate
  style={{ margin: '0 auto', width: 240, height: 240 }}>
  <img src='https://s3-us-west-1.amazonaws.com/tachyonsio/img/Blonde-Frank_Ocean.jpeg' width='240' role='presentation' />
</ParallaxCard>

Principles

• aiming for min package size and min dependency count
• don't leak css, events, etc
• composable
• reasonable animation performance