Skip to content

React-swift-reveal is a React component library and animation framework for animating elements as they enter the viewport and onscroll

License

Notifications You must be signed in to change notification settings

opentoolbox-gh/react-swift-reveal

 
 

Repository files navigation

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>
  );
};

or

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.

About

React-swift-reveal is a React component library and animation framework for animating elements as they enter the viewport and onscroll

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 56.9%
  • MDX 21.3%
  • JavaScript 20.1%
  • Other 1.7%