Flocon

Project Url: openflocon/Flocon
Introduction: A powerful desktop companion for Android apps — inspect, debug, and control your app in real time. Supports OkHttp, GraphQl, GRPC
More: Author   ReportBugs   
Tags:

flocon_small

Flocon is an advanced debugging and inspection tool for Android applications, inspired by Flipper by Meta.

It allows developers to connect an Android device to their computer and launch a desktop interface that can observe, inspect, and interact with the running mobile app in real time.

Flocon Desktop is a Kotlin Multiplatform project structured similarly to an Android app, using ViewModels, Room, Ktor, and Coroutines. The project is open to contributions — feel free to submit a pull request!

With Flocon, you gain deep access to critical app internals — such as

  • network requests (http, images, grpc, graphql)
  • local storage (sharedpref, databases, app files)
  • analytics events (and custom events)
  • debug menu displayed on the desktop
  • deeplinks

and more — without needing root access or tedious ADB commands. It’s designed to accelerate development, QA, and debugging workflows.

Screenshot 2025-08-02 at 16 28 49


Once your Android device is connected and your app includes the Flocon SDK, you can use the desktop companion app to access the following features:


🛠️ Getting Started

This Android library is lightweight, contributing just 140KB to the overall app size

in your module .kts

Maven Central

// use only on a debug buildType, do not distribute on the playstore build !
debugImplementation("io.github.openflocon:flocon:LAST_VERSION")

in your Application.kt

Flocon.initialize(this)

Download & install the last Desktop client

https://github.com/openflocon/Flocon/releases

📡 Network Request Inspector

Capture d’écran 2025-07-31 à 23 29 44 Capture d’écran 2025-07-31 à 23 29 37

Flocon captures all outgoing network requests made by the Android app — whether they’re simple REST API calls or complex multipart uploads — and displays them in an organized UI.

For each request, you can inspect:

  • HTTP method (GET, POST, etc.)
  • Full URL
  • Request headers and body
  • Response headers and body
  • Status code and response time
  • Timestamp

This feature is invaluable for diagnosing backend issues, debugging unexpected API failures, and verifying request payloads and authentication headers.

Maven Central

debugImplementation("io.github.openflocon:flocon-okhttp-interceptor:LAST_VERSION")
val okHttpClient = OkHttpClient()
            .newBuilder()
            .addInterceptor(FloconOkhttpInterceptor())
            .build()

🛰️ GraphQL Request Inspector

Screenshot 2025-08-02 at 13 01 58 Screenshot 2025-08-02 at 13 04 28

Flocon also supports GraphQL requests via a dedicated Apollo interceptor.

Just like with REST, all outgoing GraphQL requests made through Apollo Client are captured and displayed in Flocon’s interface — allowing you to debug your queries and mutations in real time.

For each GraphQL call, you can inspect:

  • Response data or error payload
  • Headers, status code, and response time
  • The operation type (query / mutation)
ApolloClient.Builder()
            // just set your already configured with flocon okhttp interceptor client
            .okHttpClient(client)
            // regular builder methods
            .build()

🖼️ Downloaded Image Viewer

Capture d’écran 2025-07-31 à 23 30 01 Capture d’écran 2025-07-31 à 23 29 50

Flocon captures and displays images downloaded by the Android app, giving you a clear, visual representation of media fetched over the network — such as avatars, product thumbnails, banners, or any other images requested at runtime.

For each image, Flocon shows:

  • A live thumbnail preview of the image
  • The URL from which it was downloaded
  • The download timestamp

This feature is extremely useful for:

  • Verifying that images are loading correctly and not broken
  • Debugging CDN issues, placeholders, or misconfigured URLs
  • Comparing image quality and compression at runtime
  • Inspecting lazy loading or image caching behaviors

Whether you're working on UI/UX, performance optimization, or just debugging a missing image, this tool gives you immediate visibility into every image fetched by your app.

Usage with coil

// just add your okhttp client (with the flipper interceptor)
SingletonImageLoader.setSafe {
        ImageLoader.Builder(context = context)
            .components {
                add(
                    coil3.network.okhttp.OkHttpNetworkFetcherFactory(
                        callFactory = {
                            okHttpClient
                        },
                    ),
                )
            }
            .build()
}

📊 Analytics Event Viewer

Analytics

Flocon shows a real-time stream of analytics events emitted by your application. Whether you’re using Firebase Analytics, Segment, or a custom solution, the Flocon SDK can be plugged and forward these events to the desktop UI.

Each event includes:

  • The event name
  • Parameters and metadata
  • Timestamps

This is especially useful for QA teams and product analysts to validate that the right events are triggered at the right time, with the correct payloads.

Flocon.analytics("firebase").logEvents(
     AnalyticsEvent(
         eventName = "clicked user",
         "userId" analyticsProperty "1024",
         "username" analyticsProperty "florent",
         "index" analyticsProperty "3",
    ),
    AnalyticsEvent(
         eventName = "opened profile",
         "userId" analyticsProperty "2048",
         "username" analyticsProperty "kevin",
         "age" analyticsProperty "34",
    ),

🗝 SharedPreferences Explorer & Editor

SharedPreferences

Flocon provides complete access to your app’s SharedPreferences, which often store user tokens, feature flags, configuration options, and more.

Key capabilities include:

  • Browsing all preference files
  • Viewing and filtering key-value pairs
  • Inspecting primitive values and JSON structures
  • Editing values on the fly from the desktop UI

This is an extremely powerful way to test different user scenarios or simulate app states, without needing to rebuild the app or manually trigger edge cases.


🧩 Database Query Tool

Database

Flocon gives you direct access to your app’s local databases (SQLite, Room, etc.), with a clean interface for exploring and querying data.

Features include:

  • Listing all available databases
  • Running custom SQL queries

This makes it easy to debug persistent storage issues, verify migrations, or test app behavior with specific data sets — all without leaving your IDE.


📁 File Explorer

Files

Flocon allows you to explore the internal file storage of your Android application — something that typically requires ADB and knowledge of Android's file system.

From the desktop app, you can:

  • Browse directories within the app's sandbox
  • View file metadata (size, modification date, path)
  • TO DEVELOP : Open or download files for inspection
  • TO DEVELOP :Preview text, JSON, or binary blobs

This feature is ideal for inspecting log files, cache data, downloaded assets, or exported config files.


📈 Configurable Dashboards (from the mobile app)

Dashboards

Your Android application can define and expose custom dashboards, which Flocon renders dynamically in the desktop interface.

Use cases include:

  • Displaying live business metrics
  • Monitoring app state variables
  • Debugging real-time values (e.g., geolocation, battery, app mode)
  • Real time in-app variables editions
  • Perform from the desktop app mobile callbacks

Dashboards are defined programmatically on the mobile side via the SDK, and they update live as data changes — making them ideal for live demos, QA testing, or in-field diagnostics.

userFlow.collect { user ->
     Flocon.dashboard(id = "main") {
        user?.let {
            section(name = "User") {
                text(label = "username", value = user.userName)
                text(label = "fullName", value = user.fullName, color = Color.Red.toArgb())
                text(label = "user id", value = user.id)
                button(
                    text = "Change User Id",
                    id = "changeUserId",
                    onClick = {
                        userFlow.update { it.copy(userName = "__flo__") }
                    }
                )
                textField(
                    label = "Update Name",
                    placeHolder = "name",
                    id = "changeUserName",
                    value = user.fullName,
                    onSubmitted = { value ->
                        userFlow.update { it.copy(fullName = value) }
                    })
            }
        }
    }
}

📋 Configurable Data Tables

tables

In addition to dashboards, Flocon supports structured data tables that can be configured and updated by the mobile app.

These tables can be used to visualize:

  • Lists of active users
  • Items in memory or cache
  • Custom logs or metrics
  • Backend response simulations

Tables are interactive, scrollable, and they give developers and testers a straightforward way to inspect lists or collections in real time.

To create a dynamic row :

Flocon.table("analytics").log(
   "name" toParam "nameValue",
   "value1" toParam "value1Value",
   "value2" toParam "value2Value",
)

Deeplink

Flocon includes a deeplink runner, which lists all the deeplinks supported by your app (either auto-discovered or manually registered).

From the desktop UI, you can:

  • Browse available deeplinks
  • Enter parameters interactively
  • Execute deeplinks directly on the device
  • Instantly navigate to specific app screens

No more typing long adb shell am start commands — Flocon makes deeplink testing accessible and efficient.

You can configure deeplinks directly from your android code !

Flocon.deeplinks(
        listOf(
            Deeplink("flocon://home"),
            Deeplink("flocon://test"),
            Deeplink(
                "flocon://user/[userId]",
                label = "User"
            ),
            Deeplink(
                "flocon://post/[postId]?comment=[commentText]",
                label = "Post",
                description = "Open a post and send a comment"
            ),
        )
    )

Grpc

Screenshot 2025-08-02 at 16 28 49 Screenshot 2025-08-02 at 16 34 04

Similar to network inteceptions, Flocon works with grpc

Maven Central

debugImplementation("io.github.openflocon:flocon-grpc-interceptor:LAST_VERSION")
ManagedChannelBuilder
            ...
            .intercept(
                FloconGrpcInterceptor()
            )
            .build()

✨ Upcoming features

Flocon is still evolving, next features :

  • GraphQl Network interceptor
  • Preview & Dowload files

🧰 Requirements

  • An Android device with USB debugging enabled
  • Android Studio or SDK tools installed
  • ADB (Android Debug Bridge) accessible from your system path
  • Flocon Desktop app (JVM-based)
  • Flocon SDK integrated into your Android app
  • At least kotlin 2.0.0

How to install the macOs app ?

MacOS may block the first launch of the application because it was not downloaded from the App Store. You'll need to manually authorize it through your system settings.

  1. First, try to launch the app from the Applications folder. macOS will display a message stating that it cannot be opened.

  1. Click on the ? on top right of the dialog

  1. On the system help page, click on the link "Open privacy & Security for me"

  1. Scroll down to the Security section. You should see a message mentioning the blocked application with an Open Anyway button.

  1. Click on this button 😂

  2. It opens again the first dialog, but with an additional button in the middle Open Anyway

  1. Click on this button 😂 (it should ask you a password or fingerprint verification)

🚨 Why Flocon Can’t See Your Device Calls (And How to Fix It) 🚨

To enable Flocon to intercept and inspect network traffic from your Android app, the app must be allowed to connect to localhost (typically 127.0.0.1), which is where the desktop companion listens for traffic.

If you're already using a custom networkSecurityConfig, make sure it includes a rule to allow cleartext traffic to localhost

AndroidManifest.xml

<application
        android:networkSecurityConfig="@xml/network_security_config"/>

network_security_config.xml

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">localhost</domain>
        <domain includeSubdomains="true">127.0.0.1</domain>
    </domain-config>
</network-security-config>

🤝 Contributors

Thanks to these amazing people for making Flocon better every day!

Florent Champigny
florent37
FRaphael Teyssandier
doTTTTT

🐶 Why the name "Flocon" ✨ ?

I was looking for a short, cute animal-inspired name — something in the spirit of "Flipper".
I turned my head and saw my golden retriever, Flocon, smiling to me... and that was it. That was all the inspiration I needed.

No brainstorming, no hesitation — just the perfect name at the perfect time.

Flocon - Golden Retriever

Apps
About Me
GitHub: Trinea
Facebook: Dev Tools