Session Recording

See exactly what your users see

Watch real user sessions to understand behavior, catch bugs, and document actual product flows. Privacy-safe recording with automatic data masking.

See everything it does

Session Recording

0:00 / 0:32

Submit

1.0x

Event Log

0:02clickLogin Button

0:08inputEmail Field

0:15inputPassword Field

0:22clickSubmit

0:28navigationDashboard

Events

Clicks

Inputs

Fig. 1 — Session Replay in the product

How it works

Step 01
Full session recording
Powered by rrweb, our lightweight tracker captures every interaction—clicks, scrolls, form inputs, and page transitions. Replay sessions exactly as users experienced them.
app.example.com/dashboard
REC
EVENT LOG0 events
Loaded /dashboard
0:00
Clicked 'Settings'
0:02
Scrolled 240px
0:04
Clicked 'Save'
0:06
Fig. 2 — Full session recording
Step 02
Privacy-safe masking
Sensitive data is automatically masked. Passwords, credit cards, and personal info are never recorded. Configure additional selectors to exclude specific elements.
🛡️
Scanning form...
Email
john.doe@company.com
j•••@c•••.com
🔒
Password
MySecr3tP@ss
••••••••••••
🔒
Card
4242 4242 4242 4242
•••• •••• •••• 4242
🔒
SSN
123-45-6789
•••-••-••••
🔒
MASKING RULES
✉️Email
🔒Passwords
💳Payment
🆔PII
Fig. 3 — Privacy-safe masking
Step 03
Event timeline
Jump to specific moments: clicks, scrolls, errors, and page changes. Filter by event type to find exactly what you're looking for.
Session Timeline0s / 12s
click
input
error
🌐0:00Page loaded/checkout
🖱️0:02Add to cartButton clicked
⌨️0:05Form filledEmail entered
⚠️0:08Validation errorInvalid email
✏️0:10Form correctedEmail fixed
✅0:12Order placedSuccess!
🌐Page loaded/checkout
Fig. 4 — Event timeline

What you get

01
Zero performance impact
Our tracker is ~15KB gzipped and uses efficient DOM diffing to minimize overhead.
02
GDPR compliant
Built-in masking, configurable data retention, and no third-party data sharing.
03
Works on any framework
React, Vue, Angular, vanilla JS—if it runs in a browser, we can record it.

Where it is used

Bug Reproduction: Stop asking users 'what exactly did you click?' Watch the session and see the bug yourself.
UX Research: Observe real user behavior without scheduling interviews. Find friction points at scale.
Conversion Optimization: Watch users abandon checkout flows. Identify exactly where and why they drop off.
Customer Support: Look up a user's session to understand their issue before responding to a ticket.

Try it on your own screens.

Free to start, no card. Bring one Figma file and see whether the structure it hands back looks like your product.

How it works

Step 01

Full session recording

Powered by rrweb, our lightweight tracker captures every interaction—clicks, scrolls, form inputs, and page transitions. Replay sessions exactly as users experienced them.

app.example.com/dashboard

REC

EVENT LOG0 events

Loaded /dashboard

0:00

Clicked 'Settings'

0:02

Scrolled 240px

0:04

Clicked 'Save'

0:06

Fig. 2 — Full session recording

Step 02

Privacy-safe masking

Sensitive data is automatically masked. Passwords, credit cards, and personal info are never recorded. Configure additional selectors to exclude specific elements.

🛡️

Scanning form...

john.doe@company.com

j•••@c•••.com

🔒

Password

MySecr3tP@ss

••••••••••••

🔒

Card

4242 4242 4242 4242

•••• •••• •••• 4242

🔒

SSN

123-45-6789

•••-••-••••

🔒

MASKING RULES

✉️Email

🔒Passwords

💳Payment

🆔PII

Fig. 3 — Privacy-safe masking

Step 03

Event timeline

Jump to specific moments: clicks, scrolls, errors, and page changes. Filter by event type to find exactly what you're looking for.

Session Timeline0s / 12s

click

input

error

🌐0:00Page loaded/checkout

🖱️0:02Add to cartButton clicked

⌨️0:05Form filledEmail entered

⚠️0:08Validation errorInvalid email

✏️0:10Form correctedEmail fixed

✅0:12Order placedSuccess!

🌐Page loaded/checkout

Fig. 4 — Event timeline

What you get

Zero performance impact

Our tracker is ~15KB gzipped and uses efficient DOM diffing to minimize overhead.

GDPR compliant

Built-in masking, configurable data retention, and no third-party data sharing.

Works on any framework

React, Vue, Angular, vanilla JS—if it runs in a browser, we can record it.

Where it is used

Bug Reproduction

Stop asking users 'what exactly did you click?' Watch the session and see the bug yourself.

UX Research

Observe real user behavior without scheduling interviews. Find friction points at scale.

Conversion Optimization

Watch users abandon checkout flows. Identify exactly where and why they drop off.

Customer Support

Look up a user's session to understand their issue before responding to a ticket.