# Swoopcut - Harjot Singh Rana

Canonical URL: https://www.harjotrana.com/projects/Swoopcut

> Pipeline that turns a live web app into a launch-ready demo clip: real Chrome capture at 60 fps, a spring camera that follows the cursor, click ripples and sound, motion blur, and 9:16 Shorts from the same take.

## Links

- Live: https://swoopcut.com

## Stack

Node.js, Python, x264 / FFmpeg, Swift

## What I built

- Built a Playwright recorder capturing CDP screencast frames at 2x plus input events.
- Wrote a single-pass Python renderer for window, cursor, ripples, camera, motion blur.
- Renders 1080p60 with x264 and cuts 9:16 Shorts from the same recorded take.
- Produced the launch clip for Helicon's /try page.

## Key features

- Scripted flows replayed in headed Chrome at 60 fps
- Spring camera that zooms the whole frame and follows the cursor
- Click ripples, click sounds, and motion blur
- Vertical Shorts generated from horizontal takes

All projects: https://www.harjotrana.com/projects

---

Site guide for agents: https://www.harjotrana.com/llms.txt · Full site as Markdown: https://www.harjotrana.com/llms-full.txt · Sitemap: https://www.harjotrana.com/sitemap.xml · Developer resources: https://www.harjotrana.com/developers