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!

TanStack Query extension running in React Native DevTools thanks to Rozenite

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 Rock: Seamlessly integrates with Expo, Rock-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.

Insights

Learn more about Developer Experience

cover

May 5Article

Codex Ambassador: Q1 Recap Across 5 Cities

A short recap of Codex events in Berlin, Wroclaw, Warsaw, Sopot, and Miami, plus what we learned from each format and where we want to go next.

cover

Feb 5Live Stream

Storybook Explained: From Basics to Advanced Workflows

Core Storybook concepts, stories and args, interaction testing, and how Storybook works in React Native projects.

cover

Jan 29Article

Announcing AI SDK Profiler for React Native

Announcing the AI SDK Profiler plugin for Rozenite DevTools. Capture OpenTelemetry spans from the Vercel AI SDK and inspect AI requests across on-device and cloud providers.

cover

Nov 28Talk

How I Hacked React Native DevTools (And Built a Plugin Framework)

Learn how React Native DevTools work under the hood, and how to inject custom plugins with clean hooks and no forks.

cover

Sep 16Talk

How I Hacked React Native DevTools (And Built a Plugin Framework)

Learn how React Native DevTools work under the hood, and how to inject custom plugins with clean hooks and no forks.

cover

Feb 12Article

How to Easily Create Native Libraries With Nitro and Turbo Modules

Learn how to optimize React Native performance with Turbo and Nitro Modules. Ditch the legacy bridge and master modern native module development.

cover

Dec 4Podcast

Radon IDE: Better Developer Experience for React Native Teams

Find out how Radon IDE can help increase team velocity and rid you of the common React Native app development pain points.

cover

Sep 19Podcast

Exploring Bun: Jarred Sumner on Hyperfast JavaScript Toolkit

Is Bun the future of React Native package management? Join us as we talk with Jarred Sumner, the creator of this lightning-fast JavaScript toolkit.

cover

Sep 11Podcast

Vim: from Zero to Hero

Discover the power of Vim, the legendary text editor, as we explore its origins, standout features, and practical tips to boost your coding efficiency.

cover

May 15Article

Add-Ons for Web Browsers With React

At times you may need to create an add-on to use a web browser more effectively. Find out how to build one with React.

cover

Jan 27Article

Why Is It Worth to Automate Your Dependency Management with `Autolinking`?

When you automate your dependency management, you can fully focus on developing your app. Find out how you can do it with autolinking.

cover

Oct 11Article

Setting up React Native Monorepo With Yarn Workspaces

Why you should create a React Native monorepo and how to do it.

cover

Mar 19Tutorial

The Hard Way vs. The React Native AI SDK Way: Stop Writing Custom Modules for Every Model

Learn how React Native AI uses a unified provider model to switch between cloud and on-device LLMs without rewriting application logic, enabling reliable AI experiences online and offline.

cover

Mar 12Tutorial

Build Smarter Apps: Tool Calling & AI Orchestration Explained

Learn how on-device models in React Native can call tools, interact with external APIs, and return structured outputs you can use directly in application logic.

cover

Mar 5Tutorial

MLC LLM + React Native: On-Device AI Without the Pain

Learn how to run third-party on-device LLMs in React Native using MLC LLM. Choose your models, run them efficiently across platforms, and keep a unified JavaScript API with React Native AI.

cover

Feb 24Tutorial

Intelligent Fallbacks with Apple Intelligence in React Native

Learn how to use Apple’s built-in Foundation Models in React Native apps, reduce memory usage, and enable fast, fully on-device AI with React Native AI Apple.

cover

Feb 10Tutorial

What Is the React Native AI SDK? A Complete Intro & Quickstart

Learn why on-device AI matters for React Native apps, how local LLMs behave offline, and what problems React Native AI is designed to solve from day one.

cover

Jan 29Tutorial

Implementing an Android TurboModule with Kotlin

Learn how to implement a React Native TurboModule on Android, from the TypeScript spec and Codegen to the Kotlin implementation and package registration.

cover

Jan 19Tutorial

Working with Different Threads in Swift TurboModules

Learn how JavaScript, native module, background, and main threads interact in React Native TurboModules, and how to use GCD queues to run async work safely in Swift.

cover

Jan 9Tutorial

How to Add Type-Safe Constants to Swift TurboModules

Learn how to expose typed, immutable constants from a Swift TurboModule using Codegen, and get full end-to-end type safety between native and JavaScript.

cover

Dec 30Tutorial

Adding Event Emitters to Your TurboModule in Swift

Learn how to emit native events from a Swift TurboModule and subscribe to them in JavaScript, including proper memory management and Codegen integration.

cover

Dec 22Tutorial

Writing Your First TurboModule in Swift

Learn how to build a fully working TurboModule in Swift, integrate it with Codegen, and bridge it through Objective‑C inside an Expo app.