Show HN: A browser-based video editor that renders videos directly with FFmpeg

https://github.com/thiagoalbrecht/weave
Weave is a React app that provides a multi-track timeline editor to perform basic video edits like trimming, stitching, transitions, audio tracks etc. which maps directly to an FFmpeg command to render the video.

I tried my best to have the React "video" preview closely replicate the FFmpeg lavfi filtergraph output, but naturally this is not perfect (especially replicating the `eq` filter using SVG filters is quite inaccurate).

I've built this as a prototype for another project I'm working on, so I don't plan to actively maintain it, but I thought it'd be cool to share it.

Try it live: https://weave.salviano.xyz/

Comments

winterscottJul 27, 2026, 8:23 AM
This is a great idea. I always enjoy seeing people build practical tools like this. Looking forward to trying it out and seeing where it goes.
ronak_parmarJul 26, 2026, 2:59 PM
It's seems great!! I've built a similar tool called FableCut: https://github.com/ronak-create/FableCut , it has no libraries so i can't use remotion or Mediabunny but those are excelent libs you should try if you don't have contraints
codersfocusJul 26, 2026, 7:33 PM
There’s also wide.video which is has more features
westurnerJul 26, 2026, 5:10 PM
From https://news.ycombinator.com/item?id=48404405 re: ffmpeg-webCLI https://github.com/tejaswigowda/ffmpeg-webCLI which is an ffmpeg PWA ;

> Objective metrics and tools for video encoding and source signal quality: netflix/vmaf, easyVmaf, psy-ex/metrics, ffmpeg-quality-metrics,

> [...] two UI wells A and B. In the "basic encoding" workflow, show in (A) the input video and audio waveform and metrics, and in (B) the output video and audio waveform and metrics.