Screen recordings that
work with your stack

Console logs, network data, and session details from any stack.
Drop-in SDK for Next.js, React, Vue, Svelte, and more.

View Docs Get Started

Works with the tools you already use

Intercom

Zendesk

Crisp

Help Scout

Slack

Zapier

Freshdesk

HubSpot

Jira

Linear

Notion

Salesforce

Intercom

Zendesk

Crisp

Help Scout

Slack

Zapier

Freshdesk

HubSpot

Jira

Linear

Notion

Salesforce

Framework

Userplane for Next.js

Capture console logs, network requests, and session details from your Next.js app. Works with App Router and Server Components.

Learn more

Userplane screen recording from a Next.js application

Guide

Next.js Setup Guide

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

SDK

SDK Overview

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

Recording

How Screen Recording Works

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

Learn more Docs

Framework

Userplane for React

Console logs, network activity, and session info — captured from your React app. Works with Vite, CRA, and custom setups.

Learn more

Userplane screen recording from a React application

Guide

React Setup Guide

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

SDK

SDK Overview

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

Recording

How Screen Recording Works

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

Learn more Docs

Framework

Userplane for Vue

Capture console logs, network requests, and session data from your Vue app. Compatible with Vue 3 and Vue Router.

Learn more

Userplane screen recording from a Vue application

Guide

Vue Setup Guide

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

SDK

SDK Overview

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

Recording

How Screen Recording Works

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

Learn more Docs

Framework

Userplane for Angular

Console logs, network requests, and session activity from your Angular app. Works with standalone components and NgModules.

Learn more

Userplane screen recording from an Angular application

Guide

Angular Setup Guide

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

SDK

SDK Overview

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

Recording

How Screen Recording Works

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

Learn more Docs

Framework

Userplane for Nuxt

Console logs, network requests, and session info from your Nuxt app. SSR-safe. Works with Nuxt 3 runtime config.

Learn more

Userplane screen recording from a Nuxt application

Guide

Nuxt Setup Guide

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

SDK

SDK Overview

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

Recording

How Screen Recording Works

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

Learn more Docs

Framework

Userplane for Svelte

Capture console logs, network requests, and session data from your Svelte app. Compatible with SvelteKit routing and server hooks.

Learn more

Userplane screen recording from a Svelte application

Guide

Svelte Setup Guide

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

SDK

SDK Overview

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

Recording

How Screen Recording Works

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

Learn more Docs

Framework

Userplane for Astro

Console logs, network requests, and session details from your Astro site. Captures across React, Vue, and Svelte islands.

Learn more

Userplane screen recording from an Astro application

Guide

Astro Setup Guide

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

SDK

SDK Overview

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

Recording

How Screen Recording Works

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

Learn more Docs

Framework

Userplane for Django

Add session recordings to your Django app. One script tag in your base template. Console logs, network data, and session info — works with template inheritance.

Learn more

Userplane screen recording from a Django application

Guide

Django Setup Guide

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

SDK

SDK Overview

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

Recording

How Screen Recording Works

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

Learn more Docs

Framework

Userplane for Ruby on Rails

Add session recordings to your Rails app. One script tag in your application layout. Compatible with Turbo, Devise, and Rails middleware.

Learn more

Userplane screen recording from a Ruby on Rails application

Guide

Rails Setup Guide

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

SDK

SDK Overview

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

Recording

How Screen Recording Works

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

Learn more Docs

Framework

Userplane for Lovable

Add session recordings to production-deployed Lovable apps. Console logs, network data, and session details — captured from every deployed build.

Learn more

Userplane screen recording from a Lovable application

Guide

Lovable Setup Guide

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

SDK

SDK Overview

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

Recording

How Screen Recording Works

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

Learn more Docs

Framework

Userplane for Web

Console logs, network requests, and session activity from any website. One script tag. No framework, no build step, no dependencies.

Learn more

Userplane screen recording from a web application

Guide

Static HTML Setup Guide

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

SDK

SDK Overview

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

Recording

How Screen Recording Works

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

Learn more Docs

Framework

Userplane for Remix

Capture console logs, network requests, and session data from your Remix app. Works with loaders, actions, and nested routes.

Learn more

Userplane screen recording from a Remix application

Guide

Remix Setup Guide

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

SDK

SDK Overview

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

Recording

How Screen Recording Works

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

Learn more Docs

Framework

Userplane for SolidJS

Capture console logs, network requests, and session data from your SolidJS app. Works with SolidStart SSR and Vite-based setups.

Learn more

Userplane screen recording from a SolidJS application

Guide

SolidJS Setup Guide

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

SDK

SDK Overview

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

Recording

How Screen Recording Works

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

Learn more Docs

Framework

Userplane for Bolt

Add session recordings to your Bolt.new app with a single prompt. Console logs, network data, and session data — no code editing required.

Learn more

Userplane screen recording from a Bolt.new application

Guide

Bolt Setup Guide

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

SDK

SDK Overview

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

Recording

How Screen Recording Works

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

Learn more Docs

Framework

Userplane for Emergent

Add session recordings to AI-generated Emergent applications. Console logs, network data, and session activity — captured from every app your AI builds.

Learn more