Sound effects

You can add sound effects to your Remotion video using the <Audio> tag.

Using @remotion/sfx

The @remotion/sfx package provides a collection of ready-to-use sound effects:

import {whoosh, whip} from '@remotion/sfx';
import {Audio, Sequence} from 'remotion';

const MyVideo = () => {
  return (
    <>
      <Sequence from={0} durationInFrames={30}>
        <Audio src={whip} />
      </Sequence>
      <Sequence from={30} durationInFrames={30}>
        <Audio src={whoosh} />
      </Sequence>
    </>
  );
};

See the full list of available sounds.

Using the CDN directly

You can also use the remotion.media CDN URLs directly without installing the package:

import {Audio} from 'remotion';

const MyVideo = () => {
  return <Audio src="https://remotion.media/whoosh.wav" />;
};

Finding more sound effects

The following sites are good resources for free sound effects:

• freesound.org — Large community-driven library, many CC0-licensed sounds
• kenney.nl — High-quality game audio assets, all CC0
• soundcn.xyz — Curated collection of UI and interaction sounds
• ElevenLabs — Generate sound effects by describing them

Contributing

Want to add a new sound effect? See the contributing guide.

See also

• @remotion/sfx
• Importing audio