CutCraft

Appearance

v0.3.0 Effects rebuilt for real footage →

Video editor as code ​

Your video is a React file: cuts on words, titles, captions, colour and effects. Your agent writes it, you fine-tune it on a timeline, and it exports to MP4.

Get startedGitHub
npm install cutcraft @cutcraft/kit react zod

MIT licence · no paid tier · no watermark · exports MP4, WebM and stills

The idea ​

Everything a desktop editor gives you (tracks, cuts, transitions, titles, captions, colour, keying and export) as one file that you, your agent and your code all edit. Where the timeline stops, write any React, CSS or WebGL.

Free for everyone, under the MIT licence. The player, the editor actions, the export and the checks: no paid tier, no licence key, no watermark on the frames, for a person, a startup or a company.

Features ​

What a desktop editor does, as elements in one file. Each card opens the page that explains it.

Captions that follow the wordsFrom the transcript, through every trim: karaoke, word by word or typewriter. Or import SRT, VTT or Whisper.TransitionsFades, wipes, slides and pushes, and shader transitions: iris, clock wipe, blinds, film burn and more.Colour and effectsExposure, white balance, curves, LUTs, keying and glow, run as shaders in the preview and the export. Or write your own in GLSL.Ready-made componentsLower thirds, callouts, counters and more: plain functions that follow words and take the theme's colours.Free codeAny React, CSS or WebGL in a Layer, and three.js and Motion on the video's clock, frame-exact.Edit by hand, keep the codeEvery drag and trim is an undoable action, written back to the file as a one-value change.

Try it ​

Edit the file; the video follows. It plays right here, in the same player your app embeds.

Loading the player…

Open the playground →

Effects and transitions ​

Hover a card to play it. Every one has a page with the file that made it.

whiteBalanceduotonecolorKeycornerPinregionBlurglowoutlinelongShadowhalftonelightLeakpixelatefractalNoiseirisfilmBurnpixelDissolveblinds

All 45 effects and transitions →

What you can build ​

Each one is a short file rendered by CutCraft's own export. Open a card to see the file that made it.

Product launchesA founder on camera, a three.js phone, each feature on its word.Vertical shortsCaptions from the transcript, key points on the words that say them.Kinetic typeMotion sequences that land on their words.Data storiesCharts and counters in SVG and React, each number on its word.Logo revealsthree.js particles that settle into a name.EditsShots joined by a wipe and a slide, with a push-in on keyframes.

Also as recipes: interviews · product demos · podcast clips · slideshows · variants · all examples →

Free and open source under the MIT licence.

Quick start · Principles · Elements · CLI · API · GitHub · npm