BUGDROP.
BUGDROP.0%
Trace interactive boundaries
Beta — Free to startPreview live

Your client clicks what's broken.
You get a ticket. Done.

BugDrop gives clients a one-click annotation overlay on a hosted build of their site. Every click captures the element, screenshot, and browser context — then files a ticket in Linear, Jira, or Trello.

How it works

Connect repo

Push code. Preview is live in seconds.

preview · main
Active
100:01 Cloning repo…
200:08 npm install
300:14✔Build complete
400:15✔Preview ready

Client annotates

They click. No account, no script tag required.

Submit button broken on mobile

Bug#042
form#checkout > button[type='submit']
S
Sarah (client)
just now

Ticket filed

Syncs securely with Linear, Jira, or Trello — instantly.

Submit button broken on mobile

LINEAR-204

highOpen

Nav menu missing on Safari

JIRA-205

mediumOpen

The core infrastructure.
Built for modern scale.

BugDrop isn't just an overlay. It's a fully integrated infrastructure layer that handles security, environments, and AI fixes — so you don't have to.Zero script tags required.

+
+

Contextual Resolution

PIPELINE: ACTIVE

DOM selectors are mapped back to your source component. We extract the surrounding context and output the exact code change needed.

AI Fix Suggestion

A.I.
94% confidence

Submit button missing padding on mobile

The `px-4` class is overridden by a media query. Appending `sm:px-6` resolves spacing.

AddedRemoved
42
− <button className="bg-blue-500 py-2">
42
+ <button className="bg-blue-500 py-2 px-4 sm:px-6">

Zero-Touch Injection

We temporarily host your frontend and inject our annotation overlay directly via a Shadow DOM. No script tags required.

Inject Annotation Overlay
Next.js14.2Vite— not detectedNuxt— not detectedAstro— not detected

Console + Network Capture

Every annotation automatically attaches the last 30 seconds of console errors, warnings, and failed network requests. No setup needed.

Page loaded in hosted preview

00:00Completed

BugDrop listener injected at session start.

TypeError caught in console

00:04Completed

Cannot read properties of undefined (reading 'map')

Network request failed

00:04Completed

GET /api/products 503 — attached to annotation

Client drops annotation

00:09Active

Logs from last 30s auto-attached to report.

AI Diff Verification

420MS

Our AI statically analyzes git diffs against original feedback to verify fixes without spinning up a browser.

Intercept webhook for commit 8f4a2c

15ms

Extract git diff & component context

85ms

Verify semantic logic matches Linear-842

320ms

In-Annotation Commenting

Clients and developers have a threaded conversation inside each annotation. No email chains, no Slack threads, no context lost.

S

Sarah (client) · just now

The submit button text is invisible on dark mode — white text on white background on Safari.

D

Dev · 2 min ago

Got it — does this happen on the checkout page only or everywhere?

Markdown supported136 chars

Automated Sync

Instantly generate tickets with the AI fix attached. Linear, Jira, Trello, Asana, ClickUp, Notion and more.

Hero image overflows on mobile

LINEAR-842

highOpen

Nav dropdown z-index broken

JIRA-843

mediumOpen

Sent to #engineering

NOTION-110

mediumDone

Visual Before / After

Puppeteer screenshots the annotated element before and after your fix lands. Gemini Vision verifies the change. Client sees exactly what moved.

After Fix
Before Deploy
Before Deploy
After Fix

Smart Rebuild Notifications

When your fix is deployed and the build is live, the client gets notified automatically — not when the ticket closes, when they can actually see the fix.

Notifications2

Fix deployed — review ready

Sarah's reported issue may have been addressed. Click to review the updated build.

just now

New annotation from Sarah

Submit button still misaligned on iPad — annotated on checkout page.

3 min ago

AI fix verified ✓

Linear-842 fix confirmed via git diff analysis. Ticket moved to In Review.

12 min ago

Browser Extension

For authenticated pages, SSR apps, and third-party platforms BugDrop can't host — the Chrome extension injects the same overlay on any live URL.

Next.js14.2Vite5.0Astro4.1Nuxt3.9

Client installs BugDrop extension

00:00Completed

One click from Chrome Web Store.

Navigates to live authenticated URL

00:12Completed

Their own session, their own cookies. No auth bypass.

Overlay injected into live page

00:13Completed

Same annotation layer as hosted preview.

Annotation sent to BugDrop API

00:14Active

DOM selector + screenshot + metadata captured.

Webhook Support

Push annotation events to any internal system the moment they're created. Build your own workflows on top of BugDrop.

Client drops annotation

00:00Completed

annotation.created event fired internally.

Webhook dispatched

00:00Completed

POST to your registered endpoint — <200ms.

Your system receives payload

00:00Active

Selector, comment, browser context, AI fix.

annotation.created
json
{
  "event": "annotation.created",
  "project_id": "prj_01H9Z...",
  "payload": {
    "selector": "nav > ul > li:nth-child(3)",
    "comment": "Link is dead on iPad",
    "browser": "Safari 16.0",
    "ai_fix": "Add href to NavItem component line 24"
  }
}

Encrypted Vault

All environment variables are encrypted at rest and injected securely at build time. Strict enforcement for server-only variables.

Essential database and caching connections.

Required
Server Only
Optional

Monorepo Support

Auto-detect Turborepo, Nx, and pnpm workspaces. Select exactly which app to build and preview.

+
+
Integrations

Plug into your stack.
Not the other way around.

BugDrop connects to the tools your team already uses. Toggle integrations on or off per project, and we'll route annotations to the right place — automatically.No Zapier. No webhooks to configure.

+
+

Ticket Trackers

5/6 ON
CORE

Sync bug annotations to your team's issue tracker. Tickets are filed automatically with AI-generated context, DOM selectors, and screenshots.

Linear

Native

File issues directly to your Linear workspace with priority and assignee pre-filled.

Jira

Create Jira issues in any project. Supports epics, sprints, and custom fields.

Trello

Pending

Add cards to any Trello board and list. Attachments are included automatically.

Asana

Create tasks in Asana projects with full annotation detail and screenshots.

ClickUp

Push tasks to any ClickUp Space, Folder, or List with custom field mapping.

Shortcut

Create stories in Shortcut with workflow state and iteration support.

Project Tools

1/2 ON
PM

Keep your project management docs and boards in sync. Annotations are reflected as actionable items in your workspace automatically.

Notion

Beta

Create database entries in any Notion page. Tags and statuses are auto-mapped.

Monday.com

Pending

Add items to Monday boards with status columns and annotation metadata.

Notifications

2/3 ON
ALERTS

Deliver real-time alerts to your team when annotations are created, fixed, or verified — wherever your team already communicates.

Slack

Popular

Send rich notifications to any channel when a bug is reported or fixed.

Microsoft Teams

Post adaptive cards to Teams channels with one-click actions to review or close.

Discord

Pending

Route annotation events to Discord channels with embedded previews.

+
+
Frequently Asked Questions

Everything you need
to know before you start.

Under the hood, BugDrop is built for the modern frontend stack. Everything is designed to be completely unobtrusive to your codebase and isolated from your clients.