Devlog-UI Demo

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

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

UI Controls

Control the overlay panel

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.