10 Best React Debugging Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. Learn more

react-error-overlay

Set up a modern web app by running one command.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
91K
Weekly Downloads
6M
Last Commit
11d ago
Bundle Size (min+gzip)
112.5KB
Not Tree-Shakeable

@hookform/devtools

📋 DevTools to help debug forms.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
351
Weekly Downloads
59K
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@marvelapp/react-ab-test

A/B testing React components and debug tools. Isomorphic with a simple, universal interface. Well documented and lightweight. Tested in popular browsers and Node.js. Includes helpers for Mixpanel and Segment.com.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
2
Top Feedback
2Great Documentation
2Easy to Use
1Performant
GitHub Stars
199
Weekly Downloads
10K
Last Commit
4mos ago
Bundle Size (min+gzip)
8.47KB
Not Tree-Shakeable

storybook-addon-performance

🚧 A storybook addon to help better understand and debug performance for React components.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
556
Weekly Downloads
25K
Last Commit
2mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

storybook-addon-material-ui

Addon for storybook wich wrap material-ui components into MuiThemeProvider. 📃 This helps and simplifies development of material-ui based components.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
539
Weekly Downloads
39K
Last Commit
7mos ago
Bundle Size (min+gzip)
2.64KB
Not Tree-Shakeable
rdm

react-debug-mixin

A React mixin component for logging React component lifecycle methods

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
1Great Documentation
GitHub Stars
4
Weekly Downloads
3
Last Commit
7yrs ago
Bundle Size (min+gzip)
0.39KB
Not Tree-Shakeable

reactime

Chrome extension for improving and optimizing performance in React applications (Gatsby and Next.js compatible).

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
TypeScript Icon
Deprecated
User RatingN/A
Top Feedback
N/A
GitHub Stars
6
Weekly Downloads
8
Last Commit
17d ago
Bundle Size (min+gzip)
34.0KB
Not Tree-Shakeable
rpt

react-profiler-table

React component for printing tables with Profiler API

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
3
Last Commit
8mos ago
Bundle Size (min+gzip)
0.96KB
Tree-Shakeable
ud

unstated-debug

Debug your Unstated containers with ease

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
234
Weekly Downloads
931
Last Commit
6mos ago
Bundle Size (min+gzip)
1.39KB
Not Tree-Shakeable
rv

react-vac

This component is a debugging tool that helps you develop components without View(JSX).

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
9
Last Commit
16d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
rul

react-use-logs

⚛️ 🖨️ A hierarchy sensitive, middleware-defined console.log for React and React Native. ✨

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
20
Weekly Downloads
7
Last Commit
1yr ago
Bundle Size (min+gzip)
5.43KB
Not Tree-Shakeable
rd

react-domify

Like JSON.strinfigy but uses React to generate DOM elements

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
54
Weekly Downloads
2K
Last Commit
6yrs ago
Bundle Size (min+gzip)
0.78KB
Not Tree-Shakeable
rg

react-guard

🦄 React Guard automagically catches exceptions from React components, extracts useful debug information and prevents White Screen of Death 👻

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
91
Weekly Downloads
867
Last Commit
4yrs ago
Bundle Size (min+gzip)
0.55KB
Not Tree-Shakeable
rxr

react-x-ray

CSS layout debugger component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
848
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
rrd

react-render-debugger

🔧 Render debugger for React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
104
Weekly Downloads
738
Last Commit
5yrs ago
Bundle Size (min+gzip)
1.75KB
Not Tree-Shakeable
rt

react-timber

Simple debug component for React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
7
Last Commit
10mos ago
Bundle Size (min+gzip)
0.80KB
Not Tree-Shakeable
rru

react-router-util

Useful components and utilities for working with React Router

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
321
Weekly Downloads
167
Last Commit
7mos ago
Bundle Size (min+gzip)
2.37KB
Not Tree-Shakeable

nuclide

An open IDE for web and native mobile development, built on top of Atom

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
8K
Weekly Downloads
499
Last Commit
3yrs ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
rd

react-debug

Debug module for react classes

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
5
Weekly Downloads
389
Last Commit
7yrs ago
Bundle Size (min+gzip)
1.99KB
Not Tree-Shakeable
rcl

react-component-log

HOC for easier debugging/learning of lifecycle methods of React components

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
5
Weekly Downloads
309
Last Commit
4yrs ago
Bundle Size (min+gzip)
1.33KB
Not Tree-Shakeable
ruc

react-use-compare-debugger

Allows comparing two state/prop trees for differences

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
2
Last Commit
7mos ago
Bundle Size (min+gzip)
3.72KB
Not Tree-Shakeable
rp

react-performance

Helpers to debug and record component render performance 🚀

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
267
Weekly Downloads
227
Last Commit
3yrs ago
Bundle Size (min+gzip)
0.87KB
Tree-Shakeable
ru

react-updates

React tool for debugging redundant re-renders

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
7
Weekly Downloads
18
Last Commit
10mos ago
Bundle Size (min+gzip)
0.91KB
Tree-Shakeable
rpo

react-performance-observer

Get performance measurements from React Fiber

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
209
Weekly Downloads
127
Last Commit
3yrs ago
Bundle Size (min+gzip)
0.43KB
Not Tree-Shakeable
rji

react-json-ide

A modular, easy to use, react component, to view, edit, and debug javascript objects.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
126
Last Commit
2yrs ago
Bundle Size (min+gzip)
12.7KB
Tree-Shakeable
ruh

react-update-helper

♻️ Precise React re-renders with debug and immutable support

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
23
Weekly Downloads
114
Last Commit
2yrs ago
Bundle Size (min+gzip)
3.52KB
Not Tree-Shakeable
rbr

redux-bug-reporter

🐛 A bug reporter and bug playback tool for redux. 🐛

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
692
Weekly Downloads
90
Last Commit
4yrs ago
Bundle Size (min+gzip)
18.7KB
Not Tree-Shakeable

gsap-tools

A simple tool to debug GSAP animations

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
286
Weekly Downloads
88
Last Commit
2yrs ago
Bundle Size (min+gzip)
61.0KB
Not Tree-Shakeable
rdh

react-debug-hooks

Development tool to preview hooks state on Redux DevTools extension

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
7
Weekly Downloads
84
Last Commit
2yrs ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
ad

audible-debug

Audio debugging for JavaScript apps in the browser

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
0
Last Commit
1yr ago
Bundle Size (min+gzip)
0.43KB
Not Tree-Shakeable
rl

reducer-logger

⚛️ Hooks for debug your awesome useReducer React API

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
45
Weekly Downloads
14
Last Commit
7mos ago
Bundle Size (min+gzip)
0.43KB
Tree-Shakeable
rd

react-dump

A visual debugging component for React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
5
Weekly Downloads
14
Last Commit
1yr ago
Bundle Size (min+gzip)
8.79KB
Not Tree-Shakeable
uns

use-named-state

React hook to use named state for easier debugging

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
13
Last Commit
N/A
Bundle Size (min+gzip)
0.44KB
Not Tree-Shakeable

@grabrinc/isomorphic-logger

Tiny isomorphic logger that has the same semantics on the server and on the client with multi-channel support and modular structure.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
4
Weekly Downloads
10
Last Commit
4yrs ago
Bundle Size (min+gzip)
79.7KB
Not Tree-Shakeable
cb

console-board

React component to display all console output in real html

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
9
Last Commit
5yrs ago
Bundle Size (min+gzip)
76.7KB
Not Tree-Shakeable
rpr

react-pure-render-debug

a loud pure-render method that makes render failures easier to debug

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
8
Last Commit
N/A
Bundle Size (min+gzip)
5.35KB
Not Tree-Shakeable
por

porsche

Build and dev-debug tool for react apps.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
5
Last Commit
3yrs ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
ro

react-object

Rich visual representation and editor of javascript objects and values.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
20
Weekly Downloads
4
Last Commit
5yrs ago
Bundle Size (min+gzip)
30.8KB
Not Tree-Shakeable
veb

vebug

🐞 A visual debugger for React development 🐞

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
5
Weekly Downloads
4
Last Commit
2yrs ago
Bundle Size (min+gzip)
18.9KB
Tree-Shakeable

react-grid-debugger

Visual Tool for debugging grid-based layouts built on React

License Icon
License: MPL-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
4
Weekly Downloads
2
Last Commit
3yrs ago
Bundle Size (min+gzip)
11.3KB
Tree-Shakeable
rcd

react-component-debug

Simple component to debug your components

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
2
Last Commit
6yrs ago
Bundle Size (min+gzip)
7.91KB
Not Tree-Shakeable
wd

@hocs/with-debugger

🍱 Higher-Order Components for React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
1
Last Commit
2yrs ago
Bundle Size (min+gzip)
0.27KB
Not Tree-Shakeable
xr

xray-react

React layout debugger.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
129
Weekly Downloads
1
Last Commit
2yrs ago
Bundle Size (min+gzip)
45.3KB
Not Tree-Shakeable

mobx-delorean

A MobX-React Time Travel Debugger

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
244
Weekly Downloads
0
Last Commit
3yrs ago
Bundle Size (min+gzip)
87.6KB
Not Tree-Shakeable
rw

redux-whathappened

Redux middleware, that records user's actions and exports into a file, that can be exported for further debugging

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
0
Last Commit
4yrs ago
Bundle Size (min+gzip)
1.89KB
Not Tree-Shakeable

@dreipol/react-log

React container to better debug react applications

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
1
Last Commit
3yrs ago
Bundle Size (min+gzip)
0.75KB
Tree-Shakeable