Claron

Everythingclicks.

Claron connects visual bug reports, session replay, and live website reviews. The bug, its context, and the fix stay in one place.

Free to start. Made for your whole team.

01 / WORKFLOW

Capture

Tester marks bug directly on preview.

Available DOM, console & network context
02 / WORKFLOW

Understand

Spotlight replay guides developer live.

Review the context captured with the report
03 / WORKFLOW

Resolve

AI suggests a source change for review.

Apply locally or use a supported PR workflow
04 / WORKFLOW

Verify

Configured preview builds support review and comparison.

Check available results before sign-off

01 / THE WORKFLOW

One continuous thread.
From found to fixed.

Ten moments. Keep the context captured along the way. Follow a bug from the tester’s first click to the fix your team can actually verify.

01
Mark It

Tester finds a bug.
Just marks it.

Your app is hosted on Claron for testers to test. They run it, they find a bug. Instead of writing a messy, context-less ticket with maybe a screenshot at best — they just mark it. Right there on the page. Click the element. Done.

02
Captured Context

Review the
captured evidence.

Open an annotation to review the evidence captured for that report. Depending on permissions, report type, SDK instrumentation, and successful recording, it may include a screenshot, console or network details, element context, source attribution, or interaction path.

03
Take Me There

Claron It!
See The Bug, Live.

Reports with saved reproduction context can offer “Claron It!” button. It guides you through the captured steps toward the reported problem. The original account, assets, elements, or server state may not be recoverable, so confirm the behavior yourself. Try the live demo below.

04
Configured Sync

Push reports
to your tracker.

Push a report to a configured issue tracker when your team is ready. Supported, enabled status sync can reflect changes in both directions. Comment and attachment sync depend on the provider and its configuration.

05
Session Replay

Review recorded
activity.

Replay the activity that was recorded. Pause at a captured point to inspect available DOM context, console logs, network requests, and page transitions. Coverage depends on recording permissions and successful capture; replay does not re-run the original requests.

06
AI Fix

Don't find the line.
We handle that.

Tired of hunting for the code you need to change? With matching source context, AI can suggest a code change for you to review. Apply it locally with the CLI or use a supported pull request workflow.

07
Claron CLI

Terminal Cockpit.
Keyboard First.

Bring Claron directly into your command line. Inspecting annotations, triaging inbox issues, diffing code changes, and applying patches is a lightning-fast, keyboard-driven experience inside a beautiful local terminal cockpit.

08
Hosted Preview

Rebuild a configured
hosted preview.

A push can trigger a new build when the hosted preview integration is configured. Review before-and-after captures or pixel comparisons when that workflow provides them. Live production extension reviews do not support automated after screenshots or pixel comparisons.

09
Collaborate

Guide them.
Live.

Still not enough? Use Guided Mode and Spotlight to point things out directly on their screen. Same app. Same build. Same environment. Real-time collaboration on the actual running application.

10
Production

Production bug?
We've got you.

Add the frontend SDK to supported JSX/TSX builds to attach source tokens to elements. Install it with npm install --save-dev @claron/sdk, then configure and verify the build integration. Source-map uploads are separate. Use the extension with approved capture permissions; live production reviews do not support automated after screenshots or pixel comparisons.

02 / GET INTO FLOW

Less setup.
More shipping.

Connect your repo. Share your preview. Give every conversation the context it deserves.

Beta — Free to start
Preview live

How it works

01

Connect your repo

Push code. Preview is live in seconds.

preview · main
Active
100:01 Cloning github.com/acme/web…
200:03 Detected framework: Next.js 14.2
300:08 npm install — 847 packages
400:12✔Build complete — 2.1s
500:13✔Injecting Claron overlay…
600:14✔✓ Preview live at acme-web.claron.dev
02

Client clicks the bug

No account needed. No script tags.

Point
Critical
#ann_8f4a2c
Submit button broken on mobile
The submit button text is invisible on dark mode — white text on white background.
DOM Selector
form#checkout > div.actions > button[type="submit"]
Screenshot1024×768
Submit
1
Console2
TypeError: null is not an object
Warning: Each child should have a unique key
Network1
GET /api/user404
S
Sarah (client)
just now
Guest
03

One-click PR opened

Ticket, branch, commit, and PR stay linked.

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.

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

Submit button broken on mobile

LINEAR-842

high
Open

PR #128 · fix mobile submit padding

claron/fix-ann-8f4a2c · checks passed

open
Integrations

Plug into your stack.
Not the other way around.

Keep your tools. Lose the handoffs. Bring rich bug reports into your issue tracker and keep the whole team in the loop.Interactive preview — try the switches below.

+
+

Ticket Trackers

5/6 ON
CORE

Connect issue trackers per project so annotation work can be routed into the tools your team already uses.

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

Configure board-style destinations from the same integrations screen used for ticket and notification providers.

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

1/3 ON
ALERTS

Send annotation and build activity into chat tools your team already watches.

Slack

Popular

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

Microsoft Teams

Coming soon
Pending

Coming soon. Teams notifications and adaptive cards are not currently available.

Discord

Pending

Route annotation events to Discord channels with embedded previews.

+
+

THE NEXT BUG DESERVES A BETTER ENDING.

Make the next fix
feel inevitable.

Bring your team, your code, and your tools.
Claron connects the rest.