Reactime:
an all-in-one developer tool for React-based applications

Download the Google Chrome Extension that rewinds time and provides comprehensive insights into the stateful behavior of your React components.

Compatible with Next.js, Remix, and Recoil

Starred on GitHub by over 2,200 users

Core Features

What is Reactime?

Reactime is an open-source Chrome extension with a comprehensive suite of tools designed to elevate the debugging process. From its intuitive component map and time-travel snapshots to its accessibility tree, dynamic visualizations of web metrics, rendering statistics, and comprehensive diffing history, Reactime provides an all-in-one solution for optimizing complex React applications.

State SnapShot Display

See your application state in an interactive format for clear and concise state management, all recorded state changes are saved in snapshots.

Time Travel Rendering

Rewind to previous state changes by jumping to a specific snapshot, using the time travel slider, or playing through a series of snapshots with the play button.

Context Data Display

Visualize the relationships of context providers and consumers, along with live context theme data, properties and values.

Prop Visualization

View the component map and track component relationships, as well as the flow of properties down the component tree.

Accessibility Debugging

Prioritize accessibility by analyzing how a screen reader interprets your application per state change.

Components Performance Display

Analyze the latency trends for component render times, organized per component, per state change.

State History Diffing

Compare snapshots in order to pinpoint the exact difference in property values per state change.

Download / Upload State History

Download or upload a JSON source file of your application's state history to resume or share your working session.

Atom and Selector Relationships

Visualize the detailed mapping of Atoms and Selectors to their associated components in Recoil applications.

Reactime Demo!

Reactime Overview

Snapshot Time Travel

Provider/ Consumer Tab

Import & Export

See your application state in a stylized and interactive format, for clear concise state management

From the Blog

Read articles from previous releases!

React, State Management, Performance Optimization

Reactime Reimagined: A Major Leap Forward in React Debugging

Today, we’re thrilled to announce Reactime v26. Calling this an update would be an understatement–Reactime v26 is a complete overhaul, introducing groundbreaking new features and transforming its design. This release delivers a more intuitive, efficient, and refined experience for developers, setting a new standard for React debugging tools.

Ellie Simens

January 2, 20255 min read

React, Props, Visualization

Reactime v25: The Time to React is Now!

React is still on top! React was the most popular JavaScript frontend framework of 2023 and continues to be among the most used frontend frameworks of any language. However, there is always room for innovation...

Logan Nelsen

May 17, 20245 min read

React, Accessibility, Debugging

Relaunching Reactime: updates and a new accessibility feature!

Enter Reactime: an innovative, time travel debugging tool specifically designed for React applications. No longer will you have to try and imagine the relationship between your components or remember what your app...