retilt

 ______   __    __        ______
/\__  _\ /\ \  /\ \      /\__  _\
\/_/\ \/ \ \ \ \ \ \____ \/_/\ \/
   \ \_\  \ \_\ \ \_____\   \ \_\
    \/_/   \/_/  \/_____/    \/_/

:arrow_upper_right: :arrow_lower_right: :arrow_lower_left: :arrow_upper_left:

Tilt effect in your components

Demos and Docs

Getting started

First, install the module

yarn add retilt

Then import

import Tilt from 'retilt'

Usage

<Tilt>
  <div className="colored-box">My awesome Component<div>
</Tilt>

Or passing 'perspective' prop

<Tilt perspective={100}>
  <div className="colored-box">My awesome Component<div>
</Tilt>
<Tilt perspective={300}>
  <div className="colored-box">My awesome Component<div>
</Tilt>
<Tilt perspective={1000}>
  <div className="colored-box">My awesome Component<div>
</Tilt>

Made with a lot of ❤️

License

Do whatever you want