Visual Bug Reports with Annotated Screenshots
Users capture their screen, draw on it to highlight the issue, and submit. The annotated screenshot is delivered to your issue tracker automatically.
Callout captures screenshots directly in the browser and lets users annotate them with drawing tools. Circles, arrows, and freehand marks highlight exactly where the bug is. The annotated image is embedded in the GitHub issue, Linear ticket, or Jira ticket — giving your team visual context without any back-and-forth.
From screen to
issue in seconds.
Three steps. No setup on the user side.
User clicks the widget
The Callout trigger button sits in the corner of your app. When a user spots a bug, they click it. The current page is captured instantly as a screenshot using html2canvas — no permissions dialogs or browser extensions.
Annotate the screenshot
A canvas editor opens with the captured screenshot. Users can draw freehand, add arrows, or circle the problem area using Fabric.js-powered tools. This takes seconds and makes the bug report immediately clear.
Submit the report
The user adds a text description and hits submit. The annotated screenshot, along with console errors, device details, and session replay links, is packaged into a GitHub issue, Linear ticket, or Jira ticket and delivered to your team.
Why visual bug
reports matter.
No DevTools Required
Users do not need to open developer tools, take manual screenshots, or use third-party screen capture apps. Callout handles everything in the browser with a single click.
Works in Any Browser
Screenshot capture uses html2canvas, which works in Chrome, Firefox, Safari, Edge, and mobile browsers. No browser extensions or plugins to install.
Precise Visual Context
Arrows, circles, and freehand drawings let users point to the exact pixel where the bug is. Your team understands the issue immediately instead of guessing from a text description.
Embedded in Issues
The annotated screenshot is uploaded and embedded inline in the GitHub issue or ticket. No external links to expire, no attachments to download — the visual is right there in the report.
Common
questions.
How do annotated screenshots work in Callout?
When a user clicks the Callout widget, their current screen is captured automatically. They can then draw, circle, or arrow on the screenshot to highlight exactly where the issue is. The annotated screenshot is attached to the bug report and delivered to your issue tracker.
Do users need to install anything to take screenshots?
No. Callout captures screenshots directly in the browser using html2canvas. There are no browser extensions, desktop apps, or DevTools required. It works in any modern browser on desktop and mobile.
What annotation tools are available?
Callout provides drawing, arrow, and shape tools powered by Fabric.js. Users can circle problem areas, draw arrows pointing to bugs, and add freehand marks — all directly on the captured screenshot.
Are annotated screenshots included in GitHub issues?
Yes. The annotated screenshot is uploaded and embedded directly in the GitHub issue (or Linear/Jira ticket). Your team sees the visual context immediately without opening external links.
Try Callout free — no account required
Add annotated screenshot bug reporting to your site in under a minute.
Get Started Free