by
An IDE for React Native
Radon IDE is a VSCode and Cursor extension that turns your editor into a fully featured IDE for React Native and Expo.
How it works?
An IDE
Integrated experience
See the preview of your application right where you need it the most – close to your codebase. Radon IDE runs IOS Simulator and Android emulator directly in your Visual Studio Code and Cursor project.
Element Inspector
Click to inspect
Using the built-in inspector you can jump directly from preview to a file where your component is defined. It can't really get simpler than that.
Debugger
Use breakpoints right in VSCode
Without any additional setup the extension allows to add a breakpoints in Visual Studio Code to debug your React Native application. It. Just. Works. IDE also automatically stops at runtime exceptions showing you the exact line of code where they happened.
Router integration
Navigation made easier
The Radon IDE integrates tightly with your deep-linked application allowing you to jump around the navigation structure (supports both React Navigation and Expo Router projects).
Logs
Search through the logs easily
Radon IDE uses the built-in VSCode console allowing you to filter through the logs. The links displayed in the console are automatically linking back to your source code.
Previews
Develop components in isolation
Radon IDE comes with a package allowing to preview components in full isolation. Develop your components individually without distractions.
Device settings
Adjust device settings on the fly
You can adjust text size and light/dark mode right from the Radon IDE. Focus just on your app without switching between windows.
Screen recording
Instant replays
Missed a bug? At any time you can re-watch what just happened on the device. No need to manually start the recording ever again.
FAQ
Here are the answers to your most frequent questions about the Radon IDE.100% of the money earned are used to fund the React Native open source efforts at Software Mansion and the further developments of the Radon IDE.
See the License Activation page for a step-by-step guide.
Alternatively, you can get your license key from the Radon IDE Portal. See the License Activation guide for more details.
It's okay to modify the code to run in your project and to fix bugs. However, do not distribute the project on your own in any way or form besides our official channels.
This license will evolve as we move beyond the Beta period. You can read the full license here.
As the adoption for the extension grows we might add a support for WebStorm in the future.