react-swift-reveal

React-swiftReveal is a React component library and animation framework for animating elements as they enter the viewport.

for more, check the documentation

Installation

with npm:

npm install react-swift-reveal

with yarn:

yarn add react-swift-reveal

with pnpm:

pnpm add react-swift-reveal

Usage

import { Fade } from "react-swift-reveal";

const App = () => {
  return (
    <Fade>
      <h1>hello world</h1>
    </Fade>
  );
};

import { Fade } from "react-swift-reveal";

const App = () => {
  return (
    <Fade>
      <MyComponent /> //component to be animated
    </Fade>
  );
};

both examples will fade in the element as it enters the viewport.

Available Animations

Fade
Bounce
Slide
Zoom
Flip
Rotate
Roll
LightSpeed

Simple animations

Flash
Jello
Pulse
RubberBand
Shake
Swing
Tada
Wobble
HeadShake
Pop
Spin
Jump

Support

If you like this project, please consider supporting it by giving it a star.

GitHub

View Github