Framework

Feedback widget for Angular apps

Call Upstep.init() once from your root component's ngOnInit, it mounts the launcher button and stays mounted across route changes.

Get your API key free

Setup steps

  1. 1

    Install: npm install @upstep/js

  2. 2

    In app.component.ts, call Upstep.init() inside ngOnInit

Code

ts
import { Component, OnInit } from "@angular/core";
import Upstep from "@upstep/js";

@Component({ selector: "app-root", templateUrl: "./app.component.html" })
export class AppComponent implements OnInit {
  ngOnInit() {
    Upstep.init({ apiKey: "upstep_xxx" });
  }
}
✦

While you're here: connect an AI agent

Every Upstep project ships a built-in MCP server. Once feedback starts flowing in from Angular, 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 Angular today

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

Get started free