Buoy-gg/buoy

What it solves

Buoy provides a comprehensive suite of developer tools that live directly inside a React Native or Flutter application. It eliminates the need for external debuggers, cables, or deprecated tools like Flipper, allowing developers to inspect network requests, state, and performance on physical devices, simulators, and even in production builds.

How it works

Buoy integrates into an app via a single component (<FloatingDevTools />) that creates a floating menu on the device. It uses a localhost broker to mirror the app's internal state and tools to a desktop application and an MCP (Model Context Protocol) server. This allows AI agents (like Claude or Cursor) to interact with the running app by reading live state, triggering UI handlers, and running benchmarks without relying on screenshots or pixel coordinates.

Who it’s for

Mobile developers using React Native or Flutter who need deep visibility into their app's runtime behavior across different environments (dev, staging, production) and those who want to enable AI agents to help debug and optimize their mobile applications.

Highlights

• AI Agent Integration: Uses MCP to let agents read live app state, tap real JS UI handlers, and run performance benchmarks on physical devices.
• On-Device Debugging: A floating menu that works without cables or a desktop app, making it accessible to QA and support teams.
• Extensive Toolset: Includes 19 tools for monitoring network traffic, storage (AsyncStorage, MMKV), state management (Redux, Zustand, Jotai), routing, and performance (FPS, CPU, memory).
• Production Ready: Can be conditionally rendered for internal users or run in headless mode to sync data to desktop/MCP without showing UI on the device.
• Cross-Platform: Supports React Native and Flutter.