Framework

Feedback widget for React apps

Upstep ships a typed React SDK: a provider plus a drop-in widget component. No REST calls to wire up, no state to manage yourself.

Get your API key free

Setup steps

  1. 1

    Install the package: npm install @upstep/js

  2. 2

    Wrap your app in <UpstepProvider apiKey="...">

  3. 3

    Drop <FeedbackWidget /> anywhere inside, it renders its own launcher button and modal.

Code

tsx
import { UpstepProvider, FeedbackWidget } from "@upstep/js/react";

export default function App({ children }) {
  return (
    <UpstepProvider apiKey="upstep_xxx">
      {children}
      <FeedbackWidget />
    </UpstepProvider>
  );
}
✦

While you're here: connect an AI agent

Every Upstep project ships a built-in MCP server. Once feedback starts flowing in from React, Claude Code, Cursor, or any MCP client can list it, triage it, and file Dev-only tasks, without leaving your editor.

See how the MCP server works

Start collecting feedback in React today

Free plan. No credit card. Your API key is ready the moment you sign up.

Get started free