@remotion/gsapv4.0.517

Use GSAP timelines in Remotion.

GSAP normally advances animations on its own ticker, which runs on the wall clock. Remotion requires every frame to be a pure function of useCurrentFrame(). This package builds a paused GSAP timeline and seeks it to the current frame, so previews, scrubbing and renders are deterministic.

Remotion CLI

npx remotion add @remotion/gsap

npm

npm i --save-exact @remotion/[email protected]

This assumes you are currently using v4.0.517 of Remotion.
Also update remotion and all `@remotion/*` packages to the same version.
Remove all ^ character in front of the version numbers of it as it can lead to a version conflict.

bun

pnpm i @remotion/[email protected]

This assumes you are currently using v4.0.517 of Remotion.
Also update remotion and all `@remotion/*` packages to the same version.
Remove all ^ character in front of the version numbers of it as it can lead to a version conflict.

pnpm

bun i @remotion/[email protected]

This assumes you are currently using v4.0.517 of Remotion.
Also update remotion and all `@remotion/*` packages to the same version.
Remove all ^ character in front of the version numbers of it as it can lead to a version conflict.

yarn

yarn --exact add @remotion/[email protected]

This assumes you are currently using v4.0.517 of Remotion.
Also update remotion and all `@remotion/*` packages to the same version.
Remove all ^ character in front of the version numbers of it as it can lead to a version conflict.

Also install gsap itself, which is a peer dependency:

npm

npm i --save-exact gsap

bun

pnpm i gsap

pnpm

bun i gsap

yarn

yarn --exact add gsap

APIs

useGsapTimeline()

Build a GSAP timeline that is driven by the Remotion frame

License

MIT