/simple-react-animations-v2

a site built to view and download simple react animations

Primary LanguageTypeScriptMIT LicenseMIT

simple react animations v2

Congrats! You just saved yourself hours of work by Importing one of many custom Animations.

Installation

The recommended installation is:

npm i simple-react-animations-v2

Usage :

import { Card3, Flower3, Zelda1, Jasmine } from "simple-react-animations-v2";

import "simple-react-animations-v2/dist/simple-react-animations-v2.cjs.development.css";

function App() {

  return (
    <div className="App">
      <Card3/>

      <Flower3/>

      <Jasmine/>

      <Zelda1/>
    </div>
  );
}

export default App;

It is important to add the Second import to use the Css Animations along side vanilla Css structure.

For a full preview of each Animation vist my Site here

Optional Configuration :

Card1 , Card2 , Card3 
<Card1
  size="300px"
  border="solid thin black"
/>
Flower1 , Flower2 , Flower3 
<Flower
  size="300px"
  border="solid thin black"
/>
Jasmine , Jinx 
<Jasmine
  size="300px"
  border="solid thin black"
/>

<Jinx/>
Zelda1 , Zelda2 
<Zelda1
  size="300px"
  border="solid thin black"
/>

<Zelda2
  size="300px"
  border="solid thin black"
/>