New — Session Replay & App Atlas, live now→ read more

Real-time error
visibility for the browser.

Browsonic captures every thrown error, unhandled rejection and network failure in your JavaScript app — with full stack traces, console context, and session timeline, streamed to your console the instant they happen.

Start tracking — free forever
Browsonic - Sentry + LogRocket + Datadog RUM in one tool | Product HuntWe're live on Product Hunt — follow for updates
Built for product & engineering teams
Apache-2.0 licensed SDKEU-hostedPII scrubbed in-browserOne script tag

Release 2026.04.18-c3e

Source maps uploaded automatically. Every frame is resolved to your original TypeScript.

api.ts:148checkout.tsx:62+ 14 more

Anomaly detected

TypeError rate jumped 3.4×vs 24h baseline on chrome/mobile.

p99 +412msusers 241
●app.browsonic.com/projects/acme-web/stream
⌘KLIVE

Live Stream

STREAMINGenv: production · release: 2026.04.18-c3e
Events / min
214+18%
Affected users
1,284+42
Crash-free sessions
99.4%+0.2
Time
Event
Users
● TypeErrorCannot read properties of undefined (reading 'price')checkout/CartSummary.tsx · bundle.c3e.js
01formatCurrency(undefined)at utils/format.ts:48← current
02CartSummary.render()at checkout/CartSummary.tsx:148
03renderWithHooks()at react-dom.development.js:16305
04beginWork()at react-dom.development.js:21601
// 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.

Ingest you can tune

Errors batch in the browser on a 10-second flush; the batch size, timeout and back-off are tuned by the SDK, not by config. Fatals never wait — they are sent the moment they happen.

Full stack traces

Symbolicated against your sourcemap. Every frame links to the exact line in your repo.

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

Session timeline

See what led up to the crash — the clicks, network calls, console output and page lifecycle before the error, in order, linked straight to it.

00:42
01:28

Anomaly detection, out of the box

Baselines every release automatically. Anomalies surface in your live stream the moment something breaks, and threshold rules can call your webhook.

Framework native

First-class support for React, Vue, Svelte, Next, Remix, Astro and vanilla.

react@18next@14vue@3svelteremixastro
// app atlas — professional

The map your users draw
just by using your product.

App Atlas turns the routes people actually visit into a living map: every screen thumbnailed from real sessions, the journeys they take named and measured, and the replay behind any step one click away.

Drawn from page views
The map builds itself from the page views the SDK already sends. Nothing to diagram, nothing to tag.
One switch for names
atlas: trueadds screen names and the click behind each navigation. Thumbnails come from Session Replay.
Professional plan
Product Map, Task Flows and Storyboard included; Figma export 5 handoffs a month, unlimited on Enterprise.
atlas.browsonic.com · Demo App
The Atlas product map of the demo app over 30 days: a toolbar reading 15 screens and 37 transitions, a Top flows panel with the Activation journey at 37 journeys, and a route map grouped into /customers and /activation with a thumbnail card per route.
demo workspace · 30-day window15 screens · 37 transitions · 1 named journeynobody drew this
  • Atlas journey breakdown for the "Activation" flow: 37 entered, 19 completed (51 %), a numbered list of twelve screens with a completion bar and typical time for each, one drop-off flagged at "Activation complete".measure

    Name the journey. Measure it.

    Entered, completed, where people branch and where they drop off — screen by screen, with the typical time on each.

  • The Atlas product map with the Activation flow lit: a dotted teal path running through twelve route cards from /customers to /activation/success and back to /journeys.trace

    Light the path on the map.

    Click a flow and its route lights up across the map. Click a screen to see what comes directly before and after it.

  • Session replay in the dashboard, paused at the identity-check step of the demo app, with the playback scrubber at 0:02 of 0:28.replay

    Open the replay behind any step.

    Every node links to the sessions that walked it — the recording, the console, the network and the error, in one place.

Atlas Storyboard: the Activation flow as twelve screen thumbnails laid out left to right in order, with a Screens / Wireframes toggle at the top.

Storyboard: one flow, screen by screen.

The order people actually go through, as screens or as wireframes — the page a designer asks for and a PM redraws by hand.

The same route map inside the Browsonic dashboard's Atlas page, with an Export button, a minimum-edge slider and 7-, 30- and 90-day windows in the toolbar.

In your dashboard, and in Figma.

The map lives next to your errors and sessions, and Export hands the screens, flows and tokens to Figma — 5 handoffs a month on Professional, unlimited on Enterprise.

See the Professional plan →Atlas shell in early access · the dashboard Atlas page is generally available on Professional
// 1 SDK · 7 adapters

First-party adapters for
every framework you ship.

Drop-in error boundaries, navigation breadcrumbs, and route-handler wraps — all peer-only on the framework you already use. Apache-2.0, npm provenance, CycloneDX SBOM on every release.

React

on npm

Error boundary, hooks, HOC, React Router instrumentation.

$ 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, route handler wrap, Pages Router companions.

$ npm i @browsonic/nextjsRead the docs →

Astro

on npm

View Transitions breadcrumbs + integration auto-injection.

$ 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, action + loader wrappers, entry.client helper.

$ npm i @browsonic/remixRead the docs →

Coming from Sentry or TrackJS? The mapping is close to one-to-one — an init call, a captured exception, a user context — so most teams complete the move in under an hour. The API reference lists every method you will need to swap.

// one line

Two minutes from npm install to live errors.

Install @browsonic/sdk, point init() at your endpoint, ship. Browsonic auto-instrumentsfetch,XHR,history,console and unhandled rejections automatically.

  • ✓
    Small, tree-shakeable SDK core.Core gzips to ~28 kB, 46 kB with every plugin (measured on 3.27.0); loads async and never blocks first paint.
  • ✓
    Source maps, uploaded on build.@browsonic/build-tools plugins for Vite, Webpack, Rollup and esbuild.
  • ✓
    PII scrubbed in the browser.Emails, tokens, cards and national IDs are redacted in the SDK before the event ever leaves the page.
app.tsxbrowsonic.config.tsvite.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())8 9sdk.init({10  apiEndpoint: 'https://api.browsonic.com',11  appKey: 'web',12  apiKey: 'pk_live_…',13  clientVersion: '1.0.0',14})
~28 kB
gzipped SDK core — 46 kB with every plugin
6
Web Vitals captured — LCP, INP, CLS, FCP, TTFB, FID
1
npm package to install
EU
data residency — Amsterdam
// pricing

Simple, usage-based pricing.

Start free forever. No per-seat fees. Hit your event ceiling and we stop accepting events rather than quietly billing you for them — so the numbers on these cards are the whole contract — 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, 2 API keys
  • ✓7-day retention
  • ✓60 requests / minute
  • ✓Community support

Starter

For small SaaS and agencies. Real-time + threshold alerts with webhook delivery — no enterprise gates.
Standard price
₺1.690/mo
₺689,45/mo until January 10, 2027
Get started
  • ✓100,000 events / month
  • ✓3 apps, 5 team members, 3 API keys
  • ✓14-day retention
  • ✓600 requests / minute
  • ✓Real-time anomaly stream (in-app)
  • ✓Widget rules — in-app prompts triggered by real behaviour
  • ✓Threshold alerts with webhook delivery
  • ✓Email support
Most popular

Professional

Full SaaS package for teams shipping in production.
₺11.890/mo
≈ $349 USD
Get started
  • ✓1,000,000 events / month
  • ✓25 apps, 25 team members, 10 API keys
  • ✓90-day event retention
  • ✓5,000 requests / minute
  • ✓Source maps + symbolication
  • ✓Session replay — full-fidelity DOM playback, seek-to-error (90-day retention, 5 GiB)
  • ✓Cross-app user journey — one subscriber’s error timeline across all your apps
  • ✓App Atlas — auto-mapped route graph, zero integration
  • ✓Atlas Task Map — semantic task flows with outcomes & completion rates
  • ✓Atlas → Figma export — 5 handoffs / month
  • ✓Segmentation & URL intelligence
  • ✓DLQ replay — re-drive events that failed processing
  • ✓Jira integration
  • ✓REST + Webhook API access
  • ✓Priority email support

Enterprise

For teams with custom volume, compliance and data-residency needs.
Let's talk
Contact sales
  • ✓Custom event volume, 365-day event retention
  • ✓999 apps, 999 team members, 15,000 requests / minute
  • ✓Everything in Professional, with a 10 GiB session-replay store
  • ✓Atlas → Figma export — unlimited handoffs
  • ✓SSO (SAML / OIDC)
  • ✓RBAC + audit log
  • ✓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 ₺.

Start on Starter

What Starter includes

  • ✓100,000 events / month
  • ✓3 apps, 5 team members, 3 API keys
  • ✓14-day retention
  • ✓600 requests / minute
  • ✓Real-time anomaly stream (in-app)
  • ✓Widget rules — in-app prompts triggered by real behaviour

+ 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.

Start freeBook a demo