EDIT·AND·PLAY

A tactile, broadcast-deck inspired video editor in the browser. Cut multi-segments, grab frames, drop markers, and export MP4 / WebM / animated GIF — 100% client-side through ffmpeg.wasm. No upload, no backend.

◉  WHAT IT DOES

• Multi-cut splice — mark any number of IN/OUT segments, rearrange and split them on the timeline, concatenated on export
• Frame grab — capture the current frame as PNG with SMPTE-timecoded filename
• Markers — drop timestamp markers, jump between them with [ and ], clear with one key
• Export options — speed 0.5× · 1× · 2× · 4×, aspect crop source · 16:9 · 9:16 · 1:1, mute audio, output as MP4 / WebM / animated GIF
• Jog wheel scrubbing — weighted rotary scrubber with pointer-to-angle inertia decay
• Frame-accurate thumbnail strip, audio waveform, 7-segment timecode, VU meters with ballistic decay
• Keyboard-first — full JKL shuttle, mark/split/delete/grab/marker shortcuts, arrow-key frame nudging on focused sliders

●  THE DESIGN LANGUAGE

Not a generic flat editor. The UI is a machined console — raised metallic panels · chunky bevelled buttons · 7-segment LED timecode · segmented VU meters · weighted rotary jog wheel · procedural click sounds. Think Elgato Stream Deck × Ableton Push × DaVinci Resolve's control surface.

Everything is CSS + SVG. No raster textures, no design-system library, no flat-color Tailwind. Every gradient, shadow, and LED glow is hand-built against src/lib/styles/tokens.css.

⎉  CONTROLS

Scrub by: dragging the playhead, clicking the timeline, or grabbing the jog wheel. Arrow keys nudge a focused slider (trim handle or playhead) by one frame.