Open-source screen recordings with zooms that follow the action.
Use it: louaeismail.github.io/focuscut
Record or drop a video. Clicks become zooms. Export locally. Nothing uploads. No account.
This is not a CapCut clone. OpenCut already is. Focuscut is the Screen Studio / Cursorful job: a demo that follows the click.
- Record a tab or screen at up to 60fps, or drop an existing file
- End recording on the page (you do not need the browser’s Stop sharing bar)
- Auto zooms from clicks via the optional helper extension
- Manual zooms: click the preview or press
Z - Padding down to 0 (flush, no forced margin)
- Contain or cover, 16:9 / 9:16 / 1:1 / source
- 14 backgrounds, custom color, or a background image
- Corners, border, optional shadow, zoom ease
- Trim in/out
- Export 1080p60, 1440p60, or 4K30 WebM on-device
A website cannot see clicks in other windows. To plant zooms automatically while you record:
- Open
chrome://extensions - Enable Developer mode
- Load unpacked → the
extension/folder in this repo - Reload Focuscut and record again
Without the helper, click the preview after recording to aim zooms.
npm install
npm run devChromium is required for screen recording (getDisplayMedia).
| Key | Action |
|---|---|
| Space | Play / pause |
| Z | Zoom at the center |
| Click | Zoom at the cursor |
| [ / ] | Set trim in / out |
| ← → | Skip 1s |
| Delete | Remove selected zoom |
See CONTRIBUTING.md. Issues labeled good first issue are scoped.
MIT