React Fazer Animation 🚀

This animation is a Typescript / React portage of the codepen Redirecting Loader made by @mr_alien.

Demo

You can find a storybook with an exemple at: https://basiletrujillo.github.io/react-fazer-animation/

Installation

yarn add react-fazer-animation
# or
npm i --save react-fazer-animation

Usage

import {FazerAnimation} from 'react-fazer-animation';
 
export const exemple = () => (
<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
  <FazerAnimation
    title={'Redirecting'}
    bodyColor={'#000000'}
    longfazersColor={'#000000'}
  />
</div>
);

Props

Prop	Type	Definition
title	string	The title to display.
bodyColor	string	The color of the body.
longfazersColor	object	The color of the long fazers.

---

Contributing

PR are welcome!

Release process

Change the version number in package.json then push a commit with name "Release x.x.x" where x.x.x is the same version number as in package.json.

Licensing

This project is licensed under the MIT License.

All files located in the node_modules and external directories are externally maintained libraries used by this software which have their own licenses; we recommend you read them, as their terms may differ from the terms in the MIT License.