@remotion/gif

You can install this package from NPM to get a component for displaying GIFs that synchronize with Remotions useCurrentFrame().

npm

bash
npm i @remotion/gif

bash
npm i @remotion/gif

yarn

bash
pnpm i @remotion/gif

bash
pnpm i @remotion/gif

pnpm

bash
yarn add @remotion/gif

bash
yarn add @remotion/gif

Also update all the other Remotion packages to have the same version: remotion, @remotion/cli and others.

note

Make sure no package version number has a ^ character in front of it as it can lead to a version conflict.

APIs

The following APIs are available:

<Gif>

Render a GIF

getGifDurationInSeconds()

Get the runtime of a GIF

preloadGif()

Prepare a GIF for displaying in the Player