Cutline

building

Cutline

A fast, browser-based screen recording tool that lets you record, customize with beautiful backgrounds, and export polished videos with no sign-up required.

Overview

Cutline is a modern, privacy-first screen recording tool built entirely in the browser. It allows creators and educators to capture their screen, apply professional-grade backgrounds, and trim recordings without ever uploading data to a server. Designed with a sleek, minimalist aesthetic, Cutline focuses on speed and simplicity—eliminating the need for account creation or heavy software installations.

Why I Built This

  • •

    Current screen recording tools are either too basic or overly complex and expensive.

  • •

    Creators want a way to make their screen captures look professional with minimal effort.

  • •

    Privacy is a major concern; users prefer tools that process sensitive screen data locally.

Features

  • •

    In-browser screen, window, and tab recording in HD

  • •

    No time limits or watermarks on recordings

  • •

    Customizable backgrounds (gallery or user-uploaded)

  • •

    Intuitive timeline trimming to cut unwanted segments

  • •

    Fast local rendering and .webm export

  • •

    Fully private: all processing happens on your device

  • •

    Advanced editing and auto-zoom effects (in development)

Tech Stack

Frontend

ReactTypeScriptViteTailwind CSS

Backend

Client-side only (Web APIs)

Database

None (Local processing)

Tools & Services

Radix UILucide ReactVercel

Challenges & Solutions

Challenge: Implementing high-performance video recording and local editing using browser-native APIs while maintaining 60 FPS.

Utilized MediaStream and MediaRecorder APIs combined with efficient canvas manipulation for real-time background rendering.