A developer tool for generating visual representations of your React app's component hierarchy

What is React Monocle?

React Monocle parses through your React source files to generate a visual tree graph representing your React component hierarchy. The tree is then displayed along with a live copy of your application. This is done by using your un-minified bundle file to inject wrapper functions around setState calls in order to have our tree display real-time feedback.

React Monocle is a tool in the MVC Tools category of a tech stack.

React Monocle is an open source tool with 2.4K Github Stars and 87 Github Forks. Here’s a link to React Monocle's open source repository on Github

Who Uses React Monocle?

React Monocle integrates with

Why people like React Monocle

Here’s a list of reasons why companies and developers use React Monocle.



Add a one-liner

React Monocle's alternatives

  • React Storybook - Develop and design React components without an app
  • Structor - UI Builder for React
  • Reactotron - A CLI and OS X app for inspecting your React JS and React Native apps
  • Vue-model - Model component for Vue.js
  • React Sight - A Visualizer for React Component Hierarchy

See all alternatives to React Monocle