How can I use GSAP in a React application?

How can I use GSAP in a React application?

You can use GSAP in a React app by installing the GSAP library and using it within your components for animations.

What are the steps to install GSAP?

You can install GSAP using npm with the command npm install gsap. After that, you can import it in your component.

Can you show me a simple example of using GSAP in a React component?

Sure! Here's a simple example:

import React, { useEffect } from 'react';
import { gsap } from 'gsap';

const MyComponent = () => {
  useEffect(() => {
    gsap.to('.box', { duration: 1, x: 100 });
  }, []);

  return <div className='box' style={{ width: '100px', height: '100px', background: 'red' }} />;
};

export default MyComponent;