DevConnect Manage Kit

A modern, cross-platform manage and debug tool — alternative to Reactotron and Flipper

Debug Flutter, React Native & Android apps — network, state, logs, storage, database — all in one beautiful desktop tool.

Features · Download · Quick Start · Desktop Guide · Mock Server · SDKs · Support

Why DevConnect Manage Kit?

If you've used Reactotron, Flipper, or Flutter DevTools — you know they're powerful but limited to one framework. DevConnect Manage Kit is a single desktop app that works with all of them.

	DevConnect Manage Kit	Reactotron	Flipper	Flutter DevTools
Flutter support	✅	❌	⚠️ plugin	✅
React Native support	✅	✅	✅	❌
Android Native support	✅	❌	✅	❌
Network inspector	✅	✅	✅	✅
State debugging	✅ Redux/MobX/Zustand/BLoC/Riverpod/GetX	✅ Redux/MobX	✅	❌
Log viewer	✅	✅	✅	✅
Storage viewer	✅	✅	✅	❌
Database browser	✅	❌	✅	❌
Performance profiling	✅ FPS/CPU/Memory/Jank	❌	❌	✅
Memory leak detection	✅	❌	❌	✅
Benchmark timing	✅	✅	❌	✅
Custom commands	✅	✅	❌	❌
Multi-device	✅	❌	✅	❌
Zero-config setup	✅ auto-detect	❌ manual	⚠️	⚠️
macOS + Windows	✅	✅	⚠️ deprecated	✅
Dark + Light theme	✅	✅	✅	✅
Active maintenance	✅	⚠️ slow	❌ deprecated	✅

TL;DR — One tool to replace Reactotron + Flipper + DevTools. Works with Flutter, React Native, and Android Native. Auto-detects everything.

Features

Network Inspector — HTTP request/response viewer with headers, body (tree + JSON), timing bar, copy as cURL, status badges
State Inspector — Real-time state change timeline with before/after diff for Redux, MobX, Zustand, Jotai, Valtio, XState, BLoC, Riverpod, GetX, Provider, ViewModel, StateFlow, LiveData
Console / Logs — Log viewer with level filters (debug/info/warn/error), search, tags, metadata, stack traces
Storage Viewer — Browse and monitor SharedPreferences, AsyncStorage, Hive, MMKV, SecureStorage, DataStore
Database Browser — SQLite, Drift, Room, Isar table viewer with SQL query editor
Performance Profiling — Real-time FPS, CPU, memory usage charts with jank frame detection
Memory Leak Detection — Detect undisposed controllers, streams, timers, growing collections with severity levels and stack traces
Benchmark — Performance timing with step markers
Custom Commands — Send commands from desktop to app and get results
Multi-Device — Connect multiple apps simultaneously, per-device filtering
All Events — Unified timeline of all events across features
Mock Server — Push mock HTTP responses down to devices, audit every intercepted request with full URL/method/status/rule-name
Screenshot — Full-content screenshot capture of any detail panel
ADB Reverse — One-click USB connection for Android devices
Auto-detect — SDK auto-discovers desktop IP, zero configuration needed
Dual Theme — Dark and light mode

Screenshots

All Events	State Inspector

Network Inspector	Network Detail

Performance Profiler	Benchmark

Storage Viewer

Download

Platform	File	Architecture
macOS	`DevConnectManageTool-macOS-v1.0.1-universal.dmg`	arm64 + x86_64
Windows	`DevConnectManageTool-Windows-v1.0.1.zip`	x64

Download from Releases.

Quick Start

Flutter — 2 lines

import 'package:devconnect_manage_kit/devconnect_manage_kit.dart';

void main() async {
  await DevConnect.initAndRunApp(
    appName: 'MyApp',
    runApp: () => runApp(const MyApp()),
  );
  // Done. Network + logs auto-captured.
}

React Native — 1 line

import { DevConnect } from "devconnect-manage-kit";

await DevConnect.init({ appName: "MyApp" });
// Done. fetch + XHR + console auto-captured.

Android Native — 1 line

// Application.onCreate()
DevConnect.installForApp(
    context = this,
    appName = "MyApp",
    enabled = BuildConfig.DEBUG,
)

That's it. Open DevConnect Manage Tool desktop, run your app, and everything appears.

Desktop App

Build from source

git clone https://github.com/ridelinktechs/devconnect-manage-kit.git
cd devconnect
flutter pub get
dart run build_runner build --delete-conflicting-outputs
flutter build macos --release   # macOS
flutter build windows --release # Windows
# Output: build/macos/Build/Products/Release/DevConnectManageTool.app

Features

Console/Logs - real-time log viewer, level filters, search, clear
Network Inspector - request/response, headers, body, timing, copy cURL, copy response
State Inspector - state change timeline, before/after diff, snapshot + restore
Storage Viewer - SharedPreferences, AsyncStorage, Hive, MMKV, SecureStorage
Database Viewer - SQLite, Drift, Room, Isar with query editor
Performance Profiling - real-time FPS, CPU, memory charts with jank detection
Memory Leak Detection - severity-based leak viewer with stack traces and metadata
Benchmark - performance timing with steps
Custom Commands - send commands from desktop to app
Device Panel - connected devices with platform badge, OS version
ADB Reverse - one-click for Android USB
Port Config - change WebSocket port in Settings
Auto-detect Host - SDK auto-finds desktop IP
Dual Theme - dark / light

SDKs

Each SDK ships as its own package with a complete install + API guide. Pick yours:

Flutter — `devconnect_manage_kit`

# pubspec.yaml
dependencies:
  devconnect_manage_kit: ^1.0.6

Network (dio, http, GraphQL, gRPC) · State (Riverpod, BLoC, GetX, Provider, ViewModel) · Storage (SharedPreferences, Hive, MMKV) · Database (Drift, Isar, SQLite) · Performance + Memory Leak Detection + Benchmark · Mock server

📖 Full Flutter SDK guide →

React Native — `devconnect-manage-kit`

npm install devconnect-manage-kit
# or
yarn add devconnect-manage-kit

Network (fetch, XHR, axios, Apollo, urql, TanStack Query, SWR) · State (Redux, MobX, Zustand, Jotai, Valtio, XState) · Storage (AsyncStorage, MMKV) · Performance + Memory Leak Detection + Benchmark · Mock server

📖 Full React Native SDK guide →

Android — `io.github.buivietphi:devconnect-android`

// app/build.gradle.kts
dependencies {
    implementation("io.github.buivietphi:devconnect-android:1.1.0")
}

Network (OkHttp, Ktor, Volley) · State (ViewModel/StateFlow/LiveData) · Storage (SharedPreferences, DataStore, MMKV) · Database (Room) · Crash & ANR detection (native signal handler, pre-built in AAR) · Compose, GraphQL, gRPC, WebSocket inspector

The native crash handler ships inside the AAR — no NDK setup required. Optional deps (OkHttp, lifecycle, kotlin-reflect…) are compileOnly; see Android SDK README → Runtime dependencies.

📖 Full Android SDK guide →

See Architecture for protocol details.

Real Device Connection

Auto-detect (default)

SDK tries these addresses in order:

localhost (iOS simulator, macOS)
10.0.2.2 (Android emulator)
10.0.3.2 (Genymotion)
Scan local network subnet

Manual IP

Check your desktop IP in Settings page (click to copy), then:

await DevConnect.init(appName: 'MyApp', host: '192.168.1.5');

Android USB

In desktop Settings > Android Device (USB), click "Run ADB Reverse".

Or manually: adb reverse tcp:9090 tcp:9090

Using the Desktop App

Overview

Open DevConnect, run your app with the SDK — data appears automatically. The sidebar shows all features, the bottom bar shows connected devices.

Tabs & Features

Tab	What it shows	Key actions
Console	Real-time logs from your app	Filter by level (debug/info/warn/error), search, click to expand
Network	HTTP requests & responses	Filter by method (GET/POST/PUT/PATCH/DELETE), filter by source (App/Library/System), click request to see headers + body + timing
State	State changes timeline	Click to see before/after diff, snapshot & restore state
Storage	Key/value storage entries	Filter by operation (READ/WRITE/DELETE), filter by type (AS/SP/HV/SQL), click to see full value
Database	SQLite tables & queries	Browse tables, view schema, run SQL queries
Performance	Real-time FPS, CPU, memory charts	Hover for exact values, jank frames highlighted
Memory Leaks	Detected leaks with severity	Sorted by severity (critical/warning/info), stack traces
Benchmark	Timing measurements with steps	Start/step/stop lifecycle with duration
Mock Server	Push mock HTTP responses to device	Add rule → push to SDK → audit shows every intercepted request
All Events	Unified timeline across all features	Filter by type, search across everything

Mock Server

Replace real network responses with mock data for testing edge cases without touching the backend. The desktop pushes rules down; the SDK intercepts matching requests before they hit the network and audits every hit back to the desktop.

Creating a rule

Open Mock Server tab
Click + Add rule
Fill in:
- Rule name — human-readable label (e.g. Get user 404)
- Method — GET / POST / PUT / PATCH / DELETE
- URL pattern — regex (e.g. ^/api/users/999$)
- Status — HTTP status code (200, 404, 500, ...)
- Response headers — one per line, key: value
- Response body — raw string or JSON
Optional wire-only fields:
- Delay (ms) — sleep before returning the mocked response
- Scope deviceIds — comma-separated; empty means every device
- Expires at — ISO-8601 timestamp; rule is ignored past this time
Click Push all to push the full list, or Push this for just the selected rule

On the device

No code changes needed. The SDK's MockServerInterceptor (already installed alongside dio / axios / okHttp interceptors) listens for server:mock_rules_update and caches the rule list in memory. When a matching request fires, the interceptor returns the mocked response immediately — the real network stack is never touched.

Auditing

Every intercepted request emits client:mocked_request back to the desktop. The Audit panel (inside the Mock Server tab) shows:

Method + URL pattern that matched
HTTP status returned
Rule name (looked up locally by ruleId)
Timestamp

Click any row for the full entry detail.

Example

Field	Value
Name	Get user 404
Method	GET
URL	`^/api/users/999$`
Status	404
Body	`{"error":"not found"}`
Delay	500

In the app, calling GET /api/users/999 returns 404 instantly with the mock body — the desktop audit row appears the moment the SDK intercepts it.

Toolbar Controls

Every list page has these controls in the toolbar:

Filter chips — Click to filter (single-select for methods, multi-select for types)
Search — Filter by text content
Auto-scroll — Pin to newest entries (click to toggle)
Sort direction — Newest first or oldest first
Clear — Delete all entries (trash icon)

Multi-Device

When multiple apps are connected, use the device selector in the bottom bar to filter by device or view "All Devices".

Settings

Server — Start/stop WebSocket server, change port (default: 9090)
Network IPs — Your desktop IP addresses (click to copy)
ADB Reverse — One-click USB setup for Android
Appearance — Dark/light theme, scroll direction
Tab Visibility — Show/hide tabs you don't need

Production Safety

All SDKs are disabled by default in production builds — zero runtime overhead.

SDK	Guard	Behavior in production
Flutter	`kDebugMode`	Returns immediately, no WebSocket, no interceptors
React Native	`__DEV__`	Creates dummy instance, all methods are no-ops
Android	`BuildConfig.DEBUG`	Returns immediately, nothing initialized

You can also manually disable:

DevConnect.init(appName: 'MyApp', enabled: false);  // Flutter

DevConnect.init({ appName: "MyApp", enabled: false }); // React Native

DevConnect.init(context = this, appName = "MyApp", enabled = false)  // Android

No need to remove SDK code for release builds. The compiler strips dead code paths automatically.

Architecture

Desktop: Flutter Desktop (macOS/Windows) + Riverpod + go_router + Freezed
Protocol: JSON over WebSocket (default port 9090)
SDKs: Flutter (pub.dev), React Native (npm), Android (Maven Central — AAR)

Contributing

DevConnect Manage Kit is open source under the MIT License. Contributions are welcome!

How to contribute

Fork the repo
Create your branch (git checkout -b feature/my-feature)
Commit changes (git commit -m 'feat: add my feature')
Push (git push origin feature/my-feature)
Open a Pull Request

See CONTRIBUTING.md for development setup and guidelines.

Related Projects & Alternatives

Looking for mobile debugging tools? Here's how DevConnect compares:

Reactotron — Great for React Native + Redux, but no Flutter/Android support. DevConnect covers all three.
Flipper — Facebook's extensible debugger, now deprecated. DevConnect is actively maintained.
Flutter DevTools — Official Flutter debugging, but no React Native or Android Native. DevConnect adds cross-platform support.

Searching for: reactotron alternative, flipper replacement, flutter debugging tool, react native debugger, android debug inspector, mobile app debugger, cross-platform debugging, network inspector, state debugger, redux devtools mobile? DevConnect is built for you.

Support DevConnect Manage Kit

DevConnect Manage Kit is free and open source. If it saves you debugging time, consider supporting development:

License

MIT License — Everything in this repository (desktop app + all SDKs) is free for any use, including commercial. Use it, modify it, ship it — no restrictions.

MIT License

Copyright (c) 2026 MTI ridelinktechs

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND.

See LICENSE and client_sdks/*/LICENSE for the full text.

DevConnect Manage Tool — Debug Flutter, React Native & Android apps from one desktop tool.

A modern alternative to Reactotron, Flipper, and platform-specific debugging tools.

Name		Name	Last commit message	Last commit date
.github		.github
assets		assets
client_sdks		client_sdks
docs		docs
lib		lib
macos		macos
scripts		scripts
test		test
test_manual		test_manual
windows		windows
.coderabbit.yaml		.coderabbit.yaml
.gitignore		.gitignore
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
README.md		README.md
analysis_options.yaml		analysis_options.yaml
l10n.yaml		l10n.yaml
package.json		package.json
pubspec.yaml		pubspec.yaml

Latest commit

History

Folders and files

Repository files navigation

DevConnect Manage Kit

A modern, cross-platform manage and debug tool — alternative to Reactotron and Flipper

Why DevConnect Manage Kit?

Features

Screenshots

Download

Quick Start

Flutter — 2 lines

React Native — 1 line

Android Native — 1 line

Desktop App

Build from source

Features

SDKs

Flutter — devconnect_manage_kit

React Native — devconnect-manage-kit

Android — io.github.buivietphi:devconnect-android

Real Device Connection

Auto-detect (default)

Manual IP

Android USB

Using the Desktop App

Overview

Tabs & Features

Mock Server

Toolbar Controls

Multi-Device

Settings

Production Safety

Architecture

Contributing

How to contribute

Related Projects & Alternatives

Support DevConnect Manage Kit

License

About

Topics

Resources

Code of conduct

Contributing

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages

Flutter — `devconnect_manage_kit`

React Native — `devconnect-manage-kit`

Android — `io.github.buivietphi:devconnect-android`