Skip to main content

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:

MyComp.tsx
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:

MyComp.tsx
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​