React IDE inside your VS Code editor

ReactION's hot-reloading HTML previewer and component visualizer helps you streamline your React development workflow.

From Tree to Codes

ReactION will open up the React file that is associated with the particular component on the tree view when you click it.

Color Coded

the React tree nodes will have different colors based on its current state and props, including the latest component change.

Debug your React

Time through different state changes of your React application.
ReactION Features


Demo of current product

ReactION is open source and in active development.
Contribute with us on GitHub!

No Setup

ReactION requires NO modification to your codebase, but installing the VS Code extension.

Live Edits

Ability to edit components on the HTML preview and see the component hierarchy on the side panel.

Hover Feature

Hover over the tree nodes to see the component's props and/or state.

Embedded Browser

Embedded browser view is available in the Command Palette under "ReactION: Embedded Webview".
ReactION Demo

About Us

ReactION logo


Andy Tran

Andy Tran

Carson Chen

Carson Chen

Daniel Wu

Daniel Wu

Jinsung Park

Jinsung Park