Framework

Feedback widget for Remix apps

UpstepProvider only touches the DOM inside useEffect, so it's safe to render from Remix's root route without any client-only guard.

Get your API key free

Setup steps

  1. 1

    Install: npm install @upstep/js

  2. 2

    Import UpstepProvider + FeedbackWidget into app/root.tsx

  3. 3

    Wrap the <Outlet /> so the widget is available on every route

Code

tsx
import { UpstepProvider, FeedbackWidget } from "@upstep/js/react";
import { Outlet } from "@remix-run/react";

export default function App() {
  return (
    <UpstepProvider apiKey="upstep_xxx">
      <Outlet />
      <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 Remix, 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 Remix today

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

Get started free