![Sofia Emelianova](https://web.dev/images/authors/sofiayem.jpg) Sofia Emelianova [GitHub](https://github.com/sofiayem)

<br />

The **Recorder** panel lets you record, replay, share, and measure user flows on your website. Watch the video to see it in action.

[Video](https://www.youtube.com/watch?v=rMUayh1QPYs)

For a more hands-on experience, see the [Record, replay, and measure user flows](https://developer.chrome.com/docs/devtools/recorder.md.txt) tutorial.

The DevTools team is actively developing the **Recorder** panel and has added the following new capabilities since the video came out. Now you can:

- [Export and share your recordings](https://developer.chrome.com/docs/devtools/recorder/reference.md.txt#export-flows) in various formats, including custom ones.
- [Slow down the replay](https://developer.chrome.com/docs/devtools/recorder/reference.md.txt#slow_down_the_replay) and debug during the recording:
  - [Inspect the code of the recording](https://developer.chrome.com/docs/devtools/recorder/reference.md.txt#inspect-code).
  - [Set breakpoints and execute step by step](https://developer.chrome.com/docs/devtools/recorder/reference.md.txt#breakpoints-and-step-through).
  - [Edit steps](https://developer.chrome.com/docs/devtools/recorder/reference.md.txt#edit-steps) both during the recording and after.
- Install [extensions](https://developer.chrome.com/docs/devtools/recorder/extensions.md.txt) to expand the **Recorder** capabilities.
- Customize the **Recorder** by [building an extension](https://developer.chrome.com/docs/devtools/recorder/extensions.md.txt#build-extension) yourself.

To learn more, see:

- [Recorder features reference](https://developer.chrome.com/docs/devtools/recorder/reference.md.txt)
- [Customize the Recorder with extensions](https://developer.chrome.com/docs/devtools/recorder/extensions.md.txt)