simple-react-animations-v2 v0.2.9

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 { Carousel1, Flower3, Zelda1, Zelda2, 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/>

      <Carousel1/>

      <Jasmine/>

      <Zelda1/>

      <Zelda3/>
    </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

https://school-of-code-w3s-animations.netlify.app/

Optional Configuration :

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

<Carousel1
  size="100%",
  backgroundColor1="red"
  backgroundColor2="blue"
  backgroundColor3="pink",
/>


<Carousel2/>

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

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

<Jinx/>

<SoCChris
  size="500px"
  border="solid thin black"
/>

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

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

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