Animations
in-out
Bounce Animation

Bounce Animation

The Bounce animation provides an animated bounce effect to elements, adding a playful touch to your UI.

Usage

To use the Bounce animation, import it from react-swift-reveal:

App.jsx
import { Bounce } from 'react-swift-reveal';
 
const App = () => {
  return (
    <Bounce>
      <div className="box">
        This element will bounce as it enters the viewport.
      </div>
    </Bounce>
  );
};

Props

Bounce animation doesn't have any specific props of its own. it has all the props of Swift Reveal Props.

You can refer to the Swift Reveal Props documentation for a list of all available props.