Typed installation
Use @pinwid/client-widget from npm with a small framework-neutral initialization API.
Built for modern frontend teams
Add a React bug reporting widget in minutes
Install the official TypeScript client, initialize it with public environment keys and capture visual reports, diagnostics and optional replay from React or Next.js applications.
Free to start · No credit card · Install in minutes
Context captured with every reportReady to triage
The exact interface element
Screenshot, annotation and page URL stay together.
Browser diagnostics
Console and network evidence
One conversation
Reporter, support and engineering
Built for React, Next.js and TypeScript teams that need an embeddable reporting workflow
Ship a production-ready feedback widget without building screenshot capture and diagnostics infrastructure yourself.
Before PinWid: Custom feedback forms omit technical evidence
Before PinWid: Screenshot and replay infrastructure is expensive to maintain
Before PinWid: Global widget CSS can break application layouts
Isolated interface
The widget mounts separately from host application styles.
Environment-aware
Keep production, staging and preview reports organized under the right project context.
From install to first report
A short path to useful feedback
- 1npm install @pinwid/client-widget
- 2Initialize with project and environment keys
- 3Add allowed origins
- 4Send and inspect a test report
Questions
Does it work with Next.js?
Yes. Initialize the browser client from a client-side entry point after your application mounts.
Is the SDK limited to React?
No. The browser package is framework-neutral and can be used with Vue, Angular, Vite or plain JavaScript.
Context-aware feedback by PinWid