Real-time error visibility for the browser.

Browsonic captures uncaught errors, unhandled promise rejections and failed network requests in your JavaScript app, with the stack trace, console output and a timeline of what led up to each one. The SDK sends them to your console every 10 seconds, and fatal errors at once.

Start tracking — free forever
Built for product & engineering teams
  • Apache-2.0 licensed SDK
  • EU-hosted
  • PII scrubbed in-browser
  • One npm package

New error fingerprint

TypeError in CartSummary.tsx, seen for the first time in 24 hours.

anomaly alertStarter and up

Release 2026.04.18-c3e

Source maps uploaded at build time resolve each frame to your original TypeScript. Professional and Enterprise.

format.ts:48CartSummary.tsx:148+ 2 more
The film · 0:45

Mission control for the browser.

A payroll transfer goes dark mid-flight. Watch Browsonic replay the session, trace it to the line, and bring it home.

Browsonic film: a payroll transfer loses its signal over Europe

Real Browsonic product footage · demo applications and simulated traffic

// atlas — professional

See your product the way people walk it.

Browsonic Atlas maps the screens people visit, from real sessions, under the names your users see — so product, design and analytics teams can find any screen or path in seconds and understand it step by step.

atlas.browsonic.com · Demo App
Atlas product map of a demo app: screens grouped into the menu areas Activation, Customers and Other, each with a thumbnail, and a journeys rail on the left.A shop's path from Collection to Order confirmed, lit on the map at step 4 of 5, with the Checkout screen's panel showing where people come from, the click that brought them and where they go next.The session replay behind that step: the shop's checkout page mid-way through the form, typed fields masked.Atlas Storyboard: the same path as five screens in order — Collection, Glass Carafe, Bag, Checkout, Order confirmed.Search for “customer”: screens Customer 360, Customer Book and New Customer with their menu path, the Customers menu area, and the Create customer journey.
Drawn from page views
The map builds itself from the page views the SDK already sends. Nothing to diagram, nothing to tag.
Names your users know
Page titles and the label of the control behind each navigation are sent by default. Add your menu to the catalog and screens take its names. Thumbnails come from Session Replay.
Professional plan
Product Map, Task Flows, Storyboard and Components; Figma export: 5 map exports and 50 journey exports a month, unlimited on Enterprise.
See the Professional plan →Screens from demo workspaces with simulated traffic
// the stack

Every error, every frame, with the context to fix it.

Stop guessing which user on which release hit which error. Browsonic gives you the full picture, not a stack trace on its own.

Batched ingest, fatals first

Errors are sent in batches on a 10-second flush, and when the page is hidden. Fatals are sent the moment they happen. Batch size, timeouts and retries are fixed by the SDK, not by config.

Full stack traces

Every error keeps its full stack trace. On Professional and Enterprise, your uploaded source maps resolve each minified frame to its original file, line and column.

01renderCart()
02CartSummary.render()
03formatCurrency()
04▸ TypeError @ line 148

Timeline

See what led up to the error, in order, beside the stack trace: network requests, console output, route changes, page lifecycle and the clicks that changed the route. Set trackVisitor: true to record every click and input.

Anomaly alerts and threshold alerts

Browsonic flags three things as events arrive: an error it has not seen in the last 24 hours, 100 or more errors in a minute, and 10 or more fatal errors in a minute. On Starter and up, anomaly alerts show them live in the console once you turn them on, and threshold alerts post a signed webhook when an app's error count crosses the limit you set.

100+ errors / min · flagged @ 14:23

Framework native

First-party adapters for React, Next.js, Vue, Svelte, Angular, Remix and Astro, plus a framework-agnostic core.

react 18–19next 13.4+vue 3.3+svelte 4–5angular 17+remix 2astro 4+
// 1 SDK · 7 adapters

First-party adapters for every framework you ship.

Drop-in error boundaries, navigation breadcrumbs and route templates for Atlas, running in the browser. No adapter has dependencies of its own: your framework and the Browsonic SDK packages are peer dependencies. Apache-2.0 licensed.

React

on npm

Error boundary, hooks, HOC, React Router route templates for Atlas.

$ npm i @browsonic/reactRead the docs

Vue 3

on npm

Plugin, <BrowsonicErrorBoundary>, composables, Vue Router instrumentation.

$ npm i @browsonic/vueRead the docs

Svelte

on npm

SvelteKit handleError, store-driven user identity, navigation breadcrumbs.

$ npm i @browsonic/svelteRead the docs

Next.js

on npm

App Router error pages, Pages Router helpers, source-map upload config.

$ npm i @browsonic/nextjsRead the docs

Astro

on npm

An integration that loads the SDK, plus View Transitions breadcrumbs.

$ npm i @browsonic/astroRead the docs

Angular

on npm

ErrorHandler drop-in, BrowsonicService, Router instrumentation.

$ npm i @browsonic/angularRead the docs

Remix

on npm

Route ErrorBoundary, clientLoader and clientAction wrappers, navigation breadcrumbs.

$ npm i @browsonic/remixRead the docs

Coming from Sentry or TrackJS? The core calls map closely: init(), captureError() for a caught exception, and setUser(). The API reference lists every method.

// install

Two minutes from npm install to live errors.

Install @browsonic/sdk, call init() with your app key and publishable key, and ship. The SDK captures uncaught errors and unhandled promise rejections, and records fetch, XHR, navigation and console calls.

  • Small, tree-shakeable SDK core.About 28 kB gzipped for the core, 46 kB with the default collectors. Session Replay loads from its own import, and init() defers its setup until the browser is idle.
  • Source maps, uploaded on build.@browsonic/build-tools plugins for Vite, Webpack, Rollup and esbuild. Source maps are on Professional and Enterprise.
  • PII scrubbed in the browser.E-mail addresses, tokens, card numbers, IBANs, phone numbers and Turkish ID numbers are redacted in the SDK before the event leaves the page.
app.tsxpackage.jsonvite.config.ts● saved
1// register opt-in plugins, then init.2import { getBrowsonic, webVitalsPlugin } from '@browsonic/sdk'3import { sessionReplayPlugin } from '@browsonic/sdk/replay'4 5const sdk = getBrowsonic()6sdk.register(webVitalsPlugin())7sdk.register(sessionReplayPlugin()) // Professional, Enterprise8 9sdk.init({10  apiEndpoint: 'https://api.browsonic.com',11  appKey: 'your-app-key',12  apiKey: 'pk_live_…',13  clientVersion: '1.0.0',14})
gzipped SDK core, ~46 kB with the default collectors
~28 kB
Web Vitals (opt-in plugin): LCP, INP, CLS, FCP, TTFB, FID
6
core npm package to install; adapters optional
1
hosted in Amsterdam
EU
// pricing

Simple pricing, hard limits.

Start free forever. No per-seat fees. Errors, messages and failed requests count as events; page views, Web Vitals and Session Replay recordings do not. Hit your event ceiling and we stop accepting events rather than quietly billing you for them, so you never pay more than the plan price — and save 31% on annual plans.

MonthlyYearlySAVE 31%

Charged in Turkish Lira (₺) through iyzico, KDV (VAT) included — the ₺ amount is confirmed on the checkout page before you pay. USD figures are shown for reference only.

Free

Solo developer kicking the tyres — 1 app, very tight limits.
₺0/mo
Start for free
  • 5,000 events / month, then ingest pauses
  • 1 app, 1 team member, 1 API key (rotate it in place)
  • 7-day retention
  • 60 requests / minute
  • Email support

Starter

For small SaaS and agencies. Anomaly alerts in the console and threshold alerts to your webhook.
Standard price
₺1.690/mo
₺689,45/mo until January 10, 2027
Get started
  • 100,000 events / month
  • 3 apps, 5 team members, 1 API key (rotate it in place)
  • 14-day retention
  • 600 requests / minute
  • Anomaly alerts (in-app)
  • Widget rules — in-app notices for your visitors when an event pattern matches
  • Threshold alerts — a signed webhook when an app’s error count crosses your limit
  • Email support

Enterprise

For teams that need higher limits, an audit log and their own contract terms.
Let's talk
Contact sales
  • No monthly event limit, 365-day event retention
  • 999 apps, 999 team members, 15,000 requests / minute
  • Everything in Professional, with a 10 GiB Session Replay store and 365-day recording retention
  • Figma export — unlimited map and journey exports
  • SSO (SAML / OIDC)
  • Audit log, kept 400 days
  • Self-hosted evaluation — contact us (not generally available)
  • Custom DPA & security questionnaire support
  • Dedicated CSM, negotiated support terms
Launch offer59% off

Starter is ₺689,45 / month right now

standard₺1.690
₺689,45/mo
save ₺1.000,55every month
you pay 41%59% covered

Until January 10, 2027 checkout takes ₺689,45 a month instead of ₺1.690 — the discount applies at checkout, with nothing to enter.

≈ $19.99 USD / mo, standard ≈ $49 USD. Reference only — you are charged in ₺.

What Starter includes

  • 100,000 events / month
  • 3 apps, 5 team members, 1 API key (rotate it in place)
  • 14-day retention
  • 600 requests / minute
  • Anomaly alerts (in-app)
  • Widget rules — in-app notices for your visitors when an event pattern matches

+ 2 more on the Starter card behind this dialog.

Stop finding out from users.

Start free. No credit card. Live data in under two minutes.