VeeCut

• 

  Video Editor

Inspiration

The inspiration behind Veecut came during the Bolt Hackathon, where i set out to build a browser-first tool that helps anyone create and edit videos without heavy software or expensive hardware. Many online editors feel too basic or lack the performance needed for real work, so i wanted to build a powerful yet lightweight web video editor that covers the essentials like cutting and color grading, right in the browser.

What it does

Veecut is an all-in-one web video editor that lets users easily cut clips, trim footage, apply basic color grading, and export their videos — all without leaving their browser. There’s no installation needed, and the editor runs smoothly even on lower-end machines.

How we built it

I built Veecut using React for the UI and TypeScript for type safety and maintainability. For video processing, i used FFmpeg.wasm, which brings FFmpeg’s powerful video editing capabilities to the browser through WebAssembly. HTML5 Video and Canvas APIs handle real-time previews and timeline editing, while Vite powers fast development builds.

Challenges we ran into

One major challenge was getting video export to work correctly without producing black frames or flickering. Real-time editing performance was another tricky part — keeping playback smooth while applying cuts and color adjustments in the browser pushed us to find efficient ways to handle large media files. Making sure the transform controls stayed accurate to the video’s true size also took careful debugging.

Accomplishments that we're proud of

We’re proud that Veecut runs entirely in the browser with no server-side rendering or heavy backends — and it still performs well for essential editing tasks. We’re also proud that we managed to bring real video processing power (FFmpeg) into a web app that feels lightweight and easy to use.

What we learned

Building Veecut taught us how to integrate WebAssembly into a React app, how to manage large video files in the browser, and how to design an intuitive video editing interface that feels familiar yet simple. We also learned a lot about debugging tricky rendering bugs and improving export pipelines.

What's next for VeeCut

Next, we want to add more advanced editing tools — like multi-track timelines, audio editing, and export presets. We already have cloud storage integration so users can save projects online, and we’re aiming to add real-time collaboration so multiple people can edit the same project together. Improving export speeds and adding more color grading options are also on the roadmap.

Built With

• canvas
• ffmpeg.wasm
• html5-video
• javascript
• react
• typescript
• webassembly