Introducing Rozenite: A Plugin Framework for React Native DevTools

We’re excited to announce that Rozenite, our comprehensive plugin framework for React Native DevTools, is now open to the public!

Born from real-world needs at Callstack, Rozenite makes custom DevTools plugins first-class citizens in the React Native ecosystem. Whether you're building performance dashboards, app-specific debugging tools, or internal monitors, Rozenite helps you do it faster, easier, and with full control.

Why custom DevTools plugins matter

Debugging and developing React Native apps at scale is hard. You're often juggling multiple tools, jumping between logs, performance dashboards, and state inspectors scattered across different apps. This constant context switching disrupts your workflow and wastes valuable time.

With Rozenite, you can build and run custom panels directly inside React Native DevTools. No more context switching, and no more reinventing the wheel every time you need a new debugging tool. Just scaffold your plugin, build it with React or React Native, and integrate it seamlessly into your app.

Imagine:

• Panels tailored to your app’s architecture or business logic
• Real-time insights scoped to the device you’re debugging
• A single place for everything your team needs during development

What Rozenite supports today

Rozenite comes packed with features to support both individual developers and larger teams:

• Full TypeScript support: Write safer, more maintainable plugins with full typings and autocompletion.
• React & React Native panel support: Build plugin UIs using your favorite libraries: React/React Native for the DevTools frontend, or React Native for in-app debugging views.
• Isomorphic communication layer: Powered by the Chrome DevTools Protocol, Rozenite provides a fast, reliable bridge between DevTools and your app.
• Support for Expo, React Native CLI, and RNEF: Seamlessly integrates with Expo, RNEF-managed projects, and React Native CLI setups, so you can build and debug plugins across your full workflow.
• Device-scoped panels: Plugins automatically target the connected device, so there’s no need to manually select a device for each custom panel.

Built for developers, by developers

Rozenite was built with one mission: to empower teams working on complex React Native apps with better debugging and observability tools.

Our core principles:

• Modularity: Build once, reuse anywhere
• Smooth DX: A zero-friction CLI to scaffold and build plugins in minutes
• Interoperability: Seamless communication between DevTools and your running app
• Scalability: Designed to grow with your app’s complexity

What’s next

We’re thrilled to open Rozenite to the public, but this is just the beginning. The core is solid, but there’s more to come to make the ecosystem shine.

Here’s what’s on our roadmap:

Stability & core improvements

We’re continuing to refine the framework, focusing on performance, reliability, and cross-platform consistency, to keep Rozenite rock-solid as your projects scale.

Official plugin library

We’re creating a suite of official plugins for common needs: performance tools, integration helpers, and internal monitors. Think of them as plug-and-play enhancements for your DevTools.

Plugin marketplace

Discovering and installing plugins should be seamless. That’s why we’re building a marketplace-like experience: a centralized hub where teams can find, share, and reuse plugins across projects.

Native platform integration

We’re working on a native SDK for Android and iOS, enabling you to emit events and respond to DevTools actions directly from native code. This will be a game-changer for brownfield apps and teams using hybrid architectures.

Ready to dive in?

Don’t just take our word for it, try it yourself!

Get started in minutes with our Getting Started Guide.

Ready to go deeper? Check out the Plugin Development Docs and start building the plugin you’ve been dreaming of.

Join the community

We’re building Rozenite in the open and would love your feedback. Got a plugin idea? Want to share your experience? Join the conversation; we’re here to help bring your debugging tools to life.

Follow us on X, contribute on GitHub, or connect with us on Discord.

Rozenite is here to redefine how we build, extend, and scale developer tooling in React Native. We can’t wait to see what you create.