Console

+
UniversalWorks with Expo & React Native CLI

This tool works with both Expo and React Native CLI projects. Just install and go.

A Chrome-DevTools-style console for your React Native app. Buoy Console captures every console.log, console.warn, console.error, and console.info on the device and shows them in a familiar, filterable panel — on your phone, on the desktop dashboard, or through your AI agent.

Don't take our word for it — this is the real tool, running right here on a mock app session. The guided tour below walks one debugging story: logs stream in, a promo warning and a 500 land, you read the error as structured data instead of one flat line, the gutter names the function behind each run, and the buffer rides out a relaunch. Or skip the tour and just start tapping:

Real component, real logs

1 / 6

Not a video — this is the shipped console running on mock logs. console.log, warn and error stream in on the device. No Metro terminal, no cable.

9:41
Loading live demo…
Mock logs, real component — the same code that renders in your app. Step through the tour, or just start tapping.

Installation

npm install @buoy-gg/console

That's it. The Console tool auto-appears in your FloatingDevTools menu, and capture starts automatically at app launch — logs emitted before you open the tool are retained:

tsx
import { FloatingDevTools } from "@buoy-gg/core";

export default function App() {
  return (
    <>
      {/* your app */}
      <FloatingDevTools />  {/* Console tool auto-detected, capture auto-starts */}
    </>
  );
}
import { FloatingDevTools } from "@buoy-gg/core";

export default function App() {
  return (
    <>
      {/* your app */}
      <FloatingDevTools />  {/* Console tool auto-detected, capture auto-starts */}
    </>
  );
}

It patches console.* directly, so logs from your own code and your dependencies are captured — no logger integration or Babel plugin required.

Upgrading? Older versions required mounting <ConsoleRoot /> manually and passing consoleToolPreset via apps. Both are automatic now; existing manual wiring is harmless and can be deleted.


What You Can Do

  • See every log, livelog, info, warn, and error stream in as they happen, color-coded by level.
  • Filter by level — Focus on just errors and warnings when you're chasing a bug.
  • Search — Filter messages by substring to find the exact log you care about.
  • Read production logs — Because Buoy runs on-device in any build, you can read console output from a release build with no cable and no Metro connection.
  • Expand structured data — Objects and arrays are formatted and expandable, just like the browser console.

Read the console from your AI

With the MCP server, an AI agent can read the console tail directly with get_console — filtering by minimum level or message substring to pull just the errors it needs while debugging.


What's Next


Looking for an overview with screenshots and FAQs? See the Console page on buoy.gg.