react-swift-reveal is a React component library and animation framework for animating elements as they enter the viewport.
for more, check the documentation
with npm:
npm install react-swift-reveal@latestwith yarn:
yarn add react-swift-reveal@latestwith pnpm:
pnpm add react-swift-reveal@latestimport { 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>
);
};"use client";
import { Fade } from "react-swift-reveal";
export default function Home() {
return (
<Fade>
<h1>hello world</h1>
</Fade>
);
}- Fade
- Bounce
- Slide
- Zoom
- Flip
- Rotate
- Roll
- LightSpeed
- Flash
- Jello
- Pulse
- RubberBand
- Shake
- Swing
- Tada
- Wobble
- HeadShake
- Pop
- Spin
- Jump
If you like this project, please consider supporting it by giving it a star.