100% client-side

A video editor that lives inside your React app

Drop-in component. No backend. Trim, crop, filter, annotate, export — all in the browser.

$ npm install kutlass

Import a video to trim

Features

Trim

Frame-accurate handles

Crop

Any aspect ratio

Filters

8 cinematic presets

Effects

Brightness, contrast, more

Annotate

Freehand drawing

Stickers

Emoji & image overlays

Resize

1080p, 720p, 480p

Export

MP4 & WebM via WASM

Quick start

App.tsx
import { Kutlass } from "kutlass";
import "kutlass/styles.css";

export default function App() {
  return <Kutlass onExportComplete={(blob) => {
    // do whatever you want with the video blob
  }} />;
}

Built on WebCodecs for decoding, FFmpeg WASM for encoding, OffscreenCanvas for rendering, and Zustand for state. Works in any React 18+ app.