Browser-Based Video Editor

Multi-track timeline

The editor uses a multi-track timeline similar to DaVinci Resolve or Premiere: separate tracks for video, audio, and text overlays. Each track is independent — you can layer multiple video clips, add background music on the audio track, and stack text overlays on different lines so they don't conflict.

The timeline supports drag-to-move, right-click context menus for split/delete/duplicate/mute/speed, and fully configurable keyboard shortcuts. The scroll wheel pans horizontally; Ctrl+scroll zooms in and out; the + / − toolbar buttons and = / − keyboard shortcuts also control zoom. A single crisp playhead line spans the ruler and all tracks simultaneously for precise frame-accurate navigation.

Resizable & hideable panels

Every panel adapts to your workflow. Drag any border to resize it to exactly the width or height you need. Hover the border to reveal a collapse arrow — click it to hide that panel entirely. A slim strip remains so you can expand it again without hunting for a menu.

Pan / Hand tool

Long timelines are easier to navigate with the Pan tool. Press H or click the ✋ hand icon in the timeline toolbar to activate Pan mode. While active, click and drag anywhere on the timeline canvas to scroll it horizontally — no need to grab a scrollbar. Press V or click the hand button again to return to the Select tool.

Customizable keyboard shortcuts

Click the keyboard icon in the toolbar to open the shortcuts editor. Every action — play/pause, undo, save, tool selection, delete — can be rebound to any key combination. Toolbar tooltips update live to show your current bindings as soon as you save.

Project snapshots

Snapshots are named saved states of your project — think of them as git commits for your edit. Before making a big change (restructuring the timeline, swapping music, or trying a different color grade) save a snapshot so you can instantly roll back if you don't like the result.

Help mode

Not sure what a button does? Click the ? icon in the toolbar to activate Help mode. The cursor changes to a help pointer, and hovering any UI element shows a rich tooltip with its name and a plain-English description of what it does. Press Escape or click the ? button again to exit.

Text overlays and animations

Text overlays sit on the text track with configurable start time and duration. Each overlay has a font size, color, outline, background color, position (top/center/bottom × left/center/right), and an animation style:

Each animation has a configurable duration so you can control how quickly the text settles in. When animation is set to None, the text appears instantly at full opacity. Underline, bold, and italic styles are also supported.

Color grading and transitions

Professional export formats

The Output tab in the Properties panel gives you full control over every export parameter. Choose from 11 container formats covering both video and audio-only output.

Video & audio codecs

Picking the right codec matters. The editor auto-selects the best default codec for each container, but you can override it manually from the Output tab.

Quality presets, resolution & frame rate

The Output tab groups resolution, frame rate, and quality into a clean set of presets. Need precise control? Switch to the Custom preset and dial in an exact bitrate.

Audio-only export

Select any audio format — MP3, WAV, AAC, FLAC, OGG, or M4A — and the editor automatically switches to audio-only mode. No video stream is encoded, resulting in fast exports and small files. This mode is useful for extracting audio from a video project, creating podcast masters, or exporting music bed mixes.

FFmpeg WASM vs WebCodecs export

Export is where browser video editors historically fell short. This editor offers two paths:

Project save & load

Projects are saved as .sourcecodestackproject files — ZIP archives containing your full timeline, all clip data, and the embedded media blobs. Everything in one portable file you can share or archive.

Frequently Asked Questions