Devlog-UI Demo

Feature-rich browser dev-logger with UI overlay and pop-out window

UI Controls

Control the overlay panel

Basic Logging

Log messages with automatic source tracking

Structured Data

Attach objects, arrays, and errors to logs

Spans (Grouping)

Group related logs with timing

Context & Tags

Attach context for correlation

Visual Diff

Compare objects with change visualization

Network Capture

Auto-track Fetch/XHR requests

Export Logs

Export as JSON or text for bug reports

Timeline View

Canvas-based visualization of logs and spans over time

Error Capture

Automatically capture uncaught errors and unhandled rejections

Stress Test

Test performance with many logs

Tip: Press Ctrl+Shift+L to toggle the Devlog-UI panel, or click the floating button in the bottom-right corner.