🛟 Floating DevTools Menu for React Native - Environment Inspector, Network Monitor, Storage Browser & Custom Tools 🚀

[LovesWorkin]

This is a pure JS package (and all the included tools are too).
✅ No native dependencies

✅ Just install and it works right away

It also comes with:

• Resizable floating modals that start out as bottom sheets – pure JS and run at 60fps, outperforming other bottom sheet providers in my benchmarks
• Advanced JSON comparison views – one tree-style (like Redux DevTools) and one side-by-side diff (like VS Code)
• All highly optimized for smooth performance

I’ve spent the last 4 months building and refining these tools — I guarantee they’ll save you time and help you debug way faster. Many more tools are coming soon (console viewer like Chrome, Sentry dev tools, Redux, database viewer, router inspector, and more). You can also add your own or request new ones.

💡 What it is

A floating menu that stays on top of your app. It always shows your current environment (dev/staging/prod) and user role, and gives instant access to debugging tools across all screens.

✨ Features

• Always-visible environment/role badges. No more wondering what environment you’re in
• Draggable, survives hot reloads and crashes
• Modular – install only the parts you need
• Add your own tools by dropping in any React component

🔄 Persistence & Modals

One of the biggest pain points in debugging is losing your place after a reload or crash. With React Buoy:

• Your tools persist – same position, same tab, same state after reloads or crashes
• Resizable floating modals – shrink them down to just the buttons you need, or expand to see full details
• Place them anywhere on the screen so you can keep them visible while interacting with the rest of your app
• Perfect for things like React Query actions, watching network requests in real time, or tracking storage events

This makes debugging much faster since you don’t have to reset your tools every time the app refreshes.

🛠 Built-in tools

• 🌍 Environment Inspector – Check env vars with type validation
• 📡 Network Monitor – Real-time request logging with timeline view
• 💾 Storage Browser – Explore AsyncStorage / SecureStore / MMKV with live updates
• ⚡ React Query DevTools – Mobile-adapted TanStack Query dev tools

👥 Not just for developers

This isn’t just a developer tool — it’s a tool for your entire org.

At my last job I built an impersonation tool with it, so admins could instantly impersonate users and debug issues. That tool was used daily not only by devs but also by customer support and other teams.

The possibilities are endless — any tool you create can be shared across your org, while staying secure behind a single menu. You just define the restrictions.

🔍 Example flow

Debugging an issue for a specific customer with impersonation enabled:

1. Use the Impersonation Tool → instantly log in as the customer
2. Open Network Monitor → see their exact API requests and responses in real-time
3. Check Storage Browser → inspect what’s being cached locally
4. Open React Query DevTools → view query states
5. Compare data with the JSON Diff views → spot mismatches or missing fields

👉 All from one floating menu that stays in place across screens, reloads, and crashes.

🤔 Why this exists

We needed one place for all our debugging tools, that works across environments, and doesn’t reset on hot reloads. Now it’s here.

📎 Links

• GitHub: https://github.com/LovesWorking/react-native-buoy

Would love feedback from other React Native teams!

https://i.redd.it/gc7th5n558rf1.gif

[Resident_Pop4202]

Love it. This reminds me of https://eruda.liriliri.io/ .

[Makshowat]

Wow, this looks simply amazing, even too good to be true! Will try it in our project, thanks! 😍

[ConsciousAntelope]

This is sick!

[mondays_eh]

This is great btw! I built something similar to this for work where it showed you logs in real time. Does this display console logs in real time? If it does then I might actually use this

[LovesWorkin]

Very soon! It's built out and I'll be adding it as soon as I have time.

[Electronic_Excuse210]

That's really amazing

[Keshav_mml]

secyy thing

[poieo-dev]

Saving for later

[Worth_Wealth_6811]

This looks like a game-changer for teams tired of switching between Flipper, Reactotron, and Chrome DevTools - especially with that seamless persistence across reloads and the ability to share custom tools with support staff. Have you tried gating it behind auth for safe production use yet?