What are some examples of using GSAP with Vue 3?

Can you show me some examples of using GSAP with Vue 3?

Sure! GSAP (GreenSock Animation Platform) is great for creating animations in Vue 3. One example is animating a component's entrance using the gsap.from method.

How do I install GSAP in my Vue 3 project?

You can install GSAP via npm by running npm install gsap. After that, you can import it into your components.

Can you give me a code snippet for a simple animation?

Absolutely! Here's a simple example:

<template>
  <div ref="box" class="box">Animate Me!</div>
</template>

<script>
import { gsap } from 'gsap';

export default {
  mounted() {
    gsap.from(this.$refs.box, { duration: 1, x: -100, opacity: 0 });
  }
};
</script>