Blackbox
Record • Replay • Debug

Blackbox
Powerful session recording for web debugging

Capture user interactions, console logs, and network requests seamlessly. Export sessions as JSON and replay them for comprehensive debugging and QA analysis.

Blackbox - Chrome extension for session recording & debugging | Product Hunt

See Blackbox in Action

Watch how easy it is to record and replay user sessions

Everything You Need for Session Analysis

Comprehensive recording capabilities designed for developers, QA engineers, and UX analysts.

User Interaction Recording
Captures every click, type, scroll, and user event with pixel-perfect accuracy for complete session reconstruction.
Console Logs & Errors
Records JavaScript console output, errors, and warnings during sessions for comprehensive runtime debugging.
Network Request Tracking
Monitors all HTTP requests, responses, and API calls to identify performance bottlenecks and failures.

Simple 3-Step Process

Start recording, interact with your application, and replay sessions instantly.

1

Start Recording

Click the Blackbox extension icon and begin capturing your session with one click.

2

Interact & Browse

Use your application normally. All interactions, logs, and network requests are tracked automatically.

3

Replay & Debug

Stop recording and instantly replay the session. Export as JSON for sharing with your team.

Installation Options

Choose your preferred installation method and get started in minutes.

Download Pre-built Extension
Recommended
Download the latest pre-built extension package from GitHub releases.

Quick Setup Steps

  1. Download the latest release ZIP file
  2. Extract the ZIP to a folder on your computer
  3. Open chrome://extensions/ in Chrome
  4. Enable "Developer mode" toggle
  5. Click "Load unpacked" and select the extracted folder
Build from Source
Clone the repository and build the extension yourself for development.
# Clone and build
git clone https://github.com/anudeepreddy/blackbox.git
cd blackbox
npm install
npm run build

Chrome Setup

  1. Open chrome://extensions/ in Chrome
  2. Enable "Developer mode" toggle
  3. Click "Load unpacked" extension
  4. Select the .output/chrome-mv3 folder
After Installation
Once installed, here's how to start using Blackbox
1

Find the Extension

Look for the Blackbox icon in your Chrome toolbar

2

Start Recording

Click the icon and hit "Start Recording" on any webpage

3

Replay & Debug

Stop recording and instantly replay your session

Ready to Debug Like a Pro?

Be among the first to experience powerful session recording and debugging with Blackbox.