Live Demo - Console Maven Widgets

Interactive Error Demonstration

Click the buttons below to trigger different types of errors and see how Console Maven Widgets capture and display them in real-time.

What to Look For:

✓ Errors appear instantly in the DebugFooter widget at the bottom of the page
✓ Error count badge updates in real-time
✓ Stack traces are captured and formatted for easy debugging
✓ Expand/collapse widget to see detailed error information

Key Features

Real-Time Capture

Automatically captures all console errors, warnings, and logs as they occur. No manual integration required.

Stack Trace Analysis

Full stack traces with file names, line numbers, and column positions for precise debugging.

Network Monitoring

Track failed API calls, 404 errors, and network issues that impact your users.

AI-Powered Suggestions

Get instant fix recommendations powered by AI for common errors (Pro tier).

Zero Performance Impact

Optimized for production use with negligible overhead. Uses async processing and batching.

Privacy First

Only captures what you need. No PII tracking, no user data collection. GDPR compliant.

Quick Installation

Get started in under 60 seconds. Just add this script tag to your HTML:

<script src="https://console-maven-frontend.fly.dev/latest/console-maven.min.js"
        data-api-key="YOUR_API_KEY"
        data-auto-render="true"></script>
                

That's it! The widget will automatically initialize and start capturing errors.

See Console Maven Widgets in Action