Skip to main content

@remotion/gif

import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; import {TableOfContents} from '../../components/TableOfContents/gif';

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

<Tabs defaultValue="npm" values={[ { label: 'npm', value: 'npm', }, { label: 'yarn', value: 'yarn', }, { label: 'pnpm', value: 'pnpm', }, ] }> 

bash
npm i @remotion/gif
bash
npm i @remotion/gif
bash
pnpm i @remotion/gif
bash
pnpm i @remotion/gif
 
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: