Animations
simple
Pop Animation

Pop Animation

The Pop animation adds a dynamic and attention-grabbing pop effect to elements, creating a visually engaging transition.

Usage

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

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

Props

The Pop animation doesn't have any specific props, but it accepts all the props that are available to all animations. You can read more about them in the Swift Reveal Props documentation.