Skip to content

heysagnik/screenREC

ScreenREC

A modern, privacy-first web screen recorder. No ads, no time limits, no data collection.

ScreenREC - A really simple ad-free minimial web screen recorder | Product Hunt

About

The project was initially developed by Sagnik Sahoo during the COVID-19 era to record online classes. Later, it was made open-source.

V1 (Legacy): Built with Pug, Parcel, and SASS β€” a simple single-page recorder. Try V1 β†’

V2 (Current): Complete rewrite using Next.js, React, and TypeScript with camera overlay, multiple export formats, and keyboard shortcuts.

Features

  • Screen Recording β€” Capture screen, window, or browser tab
  • Camera Overlay β€” Picture-in-picture webcam with draggable positioning
  • Microphone Audio β€” Record system audio and microphone
  • Multiple Layouts β€” PiP and circle camera overlay modes
  • Export Formats β€” WebM (native) and MP4 (server-converted)
  • Keyboard Shortcuts β€” Ctrl+P (pause), Ctrl+M (mic), Ctrl+C (camera), Ctrl+S (screen)
  • No Time Limits β€” Record as long as you need
  • Privacy First β€” All processing happens locally

Demo

Live Demo

Tech Stack

Layer Technology
Frontend Next.js 16, React 19, TypeScript
Styling Tailwind CSS
Build Turborepo, pnpm
Backend Express.js (for MP4 conversion)
Deployment Vercel (web), Railway (API)

Getting Started

Prerequisites

  • Node.js 18+
  • pnpm 9+

Installation

# Clone the repository
git clone https://github.com/heysagnik/screenREC.git
cd screenREC

# Install dependencies
pnpm install

# Start development servers
pnpm dev

Available Scripts

Command Description
pnpm dev Start all apps in development mode
pnpm build Build all apps for production
pnpm dev:web Start only the web app
pnpm dev:api Start only the API server

Deployment

Deploy with Vercel

Project Structure

screenREC/
β”œβ”€β”€ apps/
β”‚   β”œβ”€β”€ web/          # Next.js frontend
β”‚   └── api/          # Express.js backend (MP4 conversion)
β”œβ”€β”€ packages/
β”‚   └── shared/       # Shared utilities
└── turbo.json        # Turborepo config

Browser Support

Browser Status
Chrome βœ… Supported
Edge βœ… Supported
Firefox βœ… Supported
Safari βœ… Supported
Mobile ❌ Not supported (getDisplayMedia limitation)

Contributing

Contributions are welcome! Please see CONTRIBUTING.md for guidelines.

License

MIT β€” see LICENSE.md

Contributors


Maintained by Sagnik Sahoo

Contributors 10

Languages