Screen recordings that
work with your stack

Next.js Setup Guide

Install Userplane in your Next.js App Router application. Dynamic import, provider component, and middleware setup.

SDK Overview

Embed script or npm package. Attach metadata, control recordings, and configure privacy.

How Screen Recording Works

How recordings capture console logs, network requests, and session details automatically.

React Setup Guide

Install Userplane in your React application. Provider component and useEffect initialization.

SDK Overview

Script tag or npm. Pass user metadata, control recording state, and configure redaction.

How Screen Recording Works

How recordings collect console errors, network data, and session activity automatically.

Vue Setup Guide

Install Userplane in your Vue application. Vue plugin integration and router configuration.

SDK Overview

CDN script or npm package. Identify users, manage sessions, and apply privacy settings.

How Screen Recording Works

How recordings gather console output, network requests, and session interactions automatically.

Angular Setup Guide

Install Userplane in your Angular application. APP_INITIALIZER integration and environment-based configuration.

SDK Overview

Embed script or npm package. Attach metadata, control recordings, and configure privacy.

How Screen Recording Works

How recordings capture console logs, network requests, and session details automatically.

Nuxt Setup Guide

Install Userplane in your Nuxt 3 application. Browser-only client plugin and runtime config setup.

SDK Overview

Embed script or npm package. Attach metadata, control recordings, and configure privacy.

How Screen Recording Works

How recordings capture console logs, network requests, and session details automatically.

Svelte Setup Guide

Install Userplane in your SvelteKit application. onMount initialization and server hooks setup.

SDK Overview

Script tag or npm. Pass user metadata, control recording state, and configure redaction.

How Screen Recording Works

How recordings collect console errors, network data, and session activity automatically.

Astro Setup Guide

Install Userplane in your Astro application. Client-side script blocks and SSR middleware.

SDK Overview

One script tag or npm install. Attach metadata, trigger recordings, and mask sensitive fields.

How Screen Recording Works

How recordings capture errors, network traffic, and session behavior automatically.

Django Setup Guide

Install Userplane in your Django application. Add the script to your base template.

SDK Overview

Script tag or npm. Pass user metadata, control recording state, and configure redaction.

How Screen Recording Works

How recordings collect console errors, network data, and session activity automatically.

Rails Setup Guide

Install Userplane in your Rails application. Add the script to your application layout.

SDK Overview

CDN script or npm package. Identify users, manage sessions, and apply privacy settings.

How Screen Recording Works

How recordings gather console output, network requests, and session interactions automatically.

Lovable Setup Guide

Install Userplane in your Lovable app. Copy a prompt and deploy.

SDK Overview

CDN script or npm package. Identify users, manage sessions, and apply privacy settings.

How Screen Recording Works

How recordings gather console output, network requests, and session interactions automatically.

Static HTML Setup Guide

Add Userplane to any website. One script tag, no build step.

SDK Overview

One script tag or npm install. Attach metadata, trigger recordings, and mask sensitive fields.

How Screen Recording Works

How recordings capture errors, network traffic, and session behavior automatically.

Remix Setup Guide

Install Userplane in your Remix application. Root route provider and useEffect initialization.

SDK Overview

CDN script or npm package. Identify users, manage sessions, and apply privacy settings.

How Screen Recording Works

How recordings gather console output, network requests, and session interactions automatically.

Bolt Setup Guide

Install Userplane in your Bolt.new app. Copy a prompt — no code editing needed.

SDK Overview

Embed script or npm package. Attach metadata, control recordings, and configure privacy.

How Screen Recording Works

How recordings capture console logs, network requests, and session details automatically.

Emergent Setup Guide

Install Userplane in your Emergent app. Describe the integration — the AI handles the rest.

SDK Overview

Script tag or npm. Pass user metadata, control recording state, and configure redaction.

How Screen Recording Works

How recordings collect console errors, network data, and session activity automatically.

SolidJS Setup Guide

Install Userplane in your SolidJS application. Provider component and onMount initialization.

SDK Overview

One script tag or npm install. Attach metadata, trigger recordings, and mask sensitive fields.

How Screen Recording Works

How recordings capture errors, network traffic, and session behavior automatically.