React Native Video TrimTrim video and audio, natively

A ready-made trimmer screen for iOS and Android, plus headless APIs to trim, compress, merge, mix audio and make GIFs. Works on the New and Old Architecture and in Expo development builds.

Get started

What is it?

API reference

✂️

Native trimmer UI

One call opens a full-screen editor with a thumbnail timeline, playback, zoom, haptic feedback and save and cancel confirmations.

Open the editor

🔄

Flip, rotate, crop

A built-in edit toolbar with undo and redo, plus a mute button and a 0.25x to 4x speed picker.

Transforms

🎵

Audio with waveform

Trim audio files on a waveform that is redrawn at a higher resolution when the user zooms in.

Audio trimming

⚙️

Headless media APIs

trim, compress, getFrameAt, extractAudio, toGif, merge and mixAudio run without any UI and return a Promise.

Headless APIs

🎨

Dark and light themes

Match your app with the light theme and your own trimmer, handle, header and waveform colors.

Try the playground

💾

Save and share

Save to Photos, export through the document picker or open the share sheet, either from the editor or for any output file.

Files and saving

Install

npmyarnExpo

npm install react-native-video-trim

yarn add react-native-video-trim

npx expo install react-native-video-trim
npx expo prebuild

Then run npx pod-install for iOS. See Installation for permissions and Android options.

Open the editor in one call

import { showEditor } from 'react-native-video-trim';

showEditor(videoUri, {
  maxDuration: 30_000, // milliseconds
  saveToPhoto: true,
});

See it on a device

The trimmer editor running on Android — Android