GSAP Framework Integration
gsap_framework_integrationGenerate framework-specific GSAP integration boilerplate with proper animation cleanup for React, Vue, Angular, or Svelte.
Instructions
Generate framework-specific GSAP integration boilerplate with proper animation cleanup. Frameworks: react (hook or component — uses useLayoutEffect + gsap.context for scoped cleanup), vue (composable or component — uses onMounted/onUnmounted + gsap.context), angular (directive or component — uses ngAfterViewInit/ngOnDestroy), svelte (action or component — uses onMount/onDestroy). Always includes cleanup to prevent memory leaks on component unmount.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| type | No | Integration type (defaults to framework idiom: react→hook, vue→hook, angular→directive, svelte→action) | |
| options | No | Generation options | |
| plugins | No | Plugin names to include (e.g. ["ScrollTrigger"]) | |
| animation | No | Animation configuration | |
| framework | Yes | Target framework |