[ SYSTEM_READY ]
FLIGHT
RECORDER_
FOR YOUR
WEB APP
Like an airplane's black box: a rolling window of signals that turns into the single authoritative artifact when something goes wrong.
[ SIGNALS_CAPTURED ]
EVERYTHING YOU NEED
TO REPRODUCE THE BUG
CONSOLE_CAPTURE
Info, warn, error, debug — all logged with timestamps and full argument data.
NETWORK_MONITOR
Fetch and XHR requests captured with responses, timing, and status codes.
ERROR_TRACKING
Runtime errors and unhandled rejections with complete stack traces.
SCREEN_RECORDING
Tab recording via getDisplayMedia with clear UX and stop controls.
ENV_METADATA
Device, browser, app version, and timestamps bundled automatically.
RING_BUFFER
Rolling capture with memory limits. No leaks, no bloat, just the last N events.
[ PROCESS_FLOW ]
HOW IT WORKS
EMBED
Add <Blackbox /> to your app and gate it by environment or feature flag.
import { Blackbox } from "blbx"
<Blackbox
enabled={isDev}
/>BUFFER
Blackbox passively captures console, network, and errors in a rolling buffer.
// Automatic capture
console.log() // ✓ captured
fetch() // ✓ captured
throw Error() // ✓ capturedRECORD
User hits the button, confirms capture, and records their tab with clear controls.
// User flow
1. Click Blackbox pill
2. Confirm buffer (last 30s)
3. Start screen recording
4. Reproduce the bugUPLOAD
Bundle is uploaded and returns a unique URL for developer handoff.
// Bundled payload
{
meta: { device, browser },
signals: [...buffers],
video: Blob
} → shareable_url[ SOURCE_AVAILABLE ]
OPEN SOURCE.
SELF-HOSTABLE.
Run Blackbox on your own infrastructure with full control over your data. Or use our managed service and let us handle the ops.
100%
Open Source
∞
Self-host
_
Dev-first
[ EARLY_ACCESS ]
GET ON THE
WAITLIST
Be the first to know when Blackbox launches. Early access to the managed service and priority support.