← PinWid
Official npm package

@pinwid/client-widget

A framework-neutral browser feedback SDK for visual bug reports, screenshots, browser diagnostics, optional session replay and realtime feedback tracking.

View on npm

Install

npm install @pinwid/client-widget

Initialize

import { init } from "@pinwid/client-widget";

init({
  publicKey: "bp_pub_...",
  environmentKey: "env_...",
});

Quick start

From install to first report

  1. 1Create a PinWid project and environment.
  2. 2Copy the project and environment public keys.
  3. 3Add your website to Allowed origins.
  4. 4Install the package and initialize the widget.
Create a PinWid workspace

Works with your stack

React
Next.js
Vue 3
Angular
Vite
Plain JavaScript

The widget mounts in an isolated ShadowRoot, keeping its interface separate from the host application’s framework and styles.

Ready to add contextual feedback?

Install the official package or read its complete public integration guide.

Open npm packageRead integration guide