Framework

Feedback widget for Svelte apps

Call Upstep.init() from onMount in your root layout, onMount only runs client-side, so it's safe with SvelteKit's SSR.

Get your API key free

Setup steps

  1. 1

    Install: npm install @upstep/js

  2. 2

    In src/routes/+layout.svelte, call Upstep.init() inside onMount

Code

svelte
<script>
  import { onMount } from "svelte";
  import Upstep from "@upstep/js";

  onMount(() => {
    Upstep.init({ apiKey: "upstep_xxx" });
  });
</script>

<slot />
✦

While you're here: connect an AI agent

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

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

Get started free