ComposeFlow is a visual app builder for Compose Multiplatform that empowers developers, entrepreneurs, designers, and product managers to create fully working applications through an AI agent and intuitive drag-and-drop interface. It generates complete, runnable Compose Multiplatform projects with clean Kotlin code and supports multiple platforms including Desktop, Android, iOS, and Web.

• Full App Generation: Build mobile apps powered by Compose Multiplatform in minutes
• Visual App Builder: Drag-and-drop interface for building complex UI layouts
• AI-Powered Code Generation: Built-in AI integration for intelligent code assistance
• Cross-Platform Support: Generate apps for Desktop, Android, iOS, and Web platforms
• Real-time Preview: See your UI changes instantly with live preview
• State Management: Visual state management with automatic code generation
• Component Library: Rich set of pre-built UI components and modifiers
• Theme Support: Visual theme editor with Material Design integration
• Firebase Integration: Seamless integration with Firebase for authentication, Firestore, and cloud services
• Project Export: Export fully functional Compose Multiplatform projects ready to build and deploy

For detailed documentation and tutorials, visit: https://docs.composeflow.io/

Create an initial project from a prompt

Edit the project within the editor with AI agent

Preview the code side-by-side

Adjust the style visually with real time preview

Get ComposeFlow for your platform:

• Mac & Linux users: Download page
• Windows users: Download from Microsoft Store

If you build the ComposeFlow editor from source follow these prerequisites

You need to install the JBR (JetBrain's Runtime) to run ComposeFlow since ComposeFlow depends on jewel

To show the Previews for Composables, you need to use Android Studio (Narwhal 2025.1.1. or higher) or Intellij IDEA (2025.1.1 or higheer)

• ktlint

You need to create a following file to run the tests successfully otherwise the gradle process in tests is not able to detect the Android SdK location.

/feature/app-builder/app-template/local.properties

sdk.dir=<Path to Android SDK>

e.g.

sdk.dir=C:\\Users\\thagikura\\AppData\\Local\\Android\\Sdk

Documents repository is added as a git submodule.

Update the documents by following command.

git submodule update --remote

Choose a run configuration for an appropriate target in Android Studio and run it. You can either:

• Click the gutter icon next to the ./gradlew desktopApp:run command in README

• Use the run configurations dropdown in the toolbar

./gradlew desktopApp:run

Or if you want to enable Hot Reload (https://github.com/JetBrains/compose-hot-reload)

./gradlew desktopApp:hotRunJvm --auto

./gradlew allTests

Install the conveyor first, then run (release key is needed to upload):

./gradlew :jvmJar -Prelease
conveyor make copied-site

# Apply spotless to all modules in main project
./gradlew --init-script gradle/init.gradle.kts --no-configuration-cache --continue spotlessApply

# Apply spotless to build-logic and app-template projects
./gradlew --project-dir build-logic --init-script ../gradle/init.gradle.kts --no-configuration-cache --continue spotlessApply
./gradlew --project-dir feature/app-builder/app-template --init-script ../../../gradle/init.gradle.kts --no-configuration-cache --continue spotlessApply

ComposeFlow editor works without these settings, but features like AI-agents, Firebase integrations are disabled.

1. Copy the configuration template:

   cp local.properties.template local.properties

2. Configure the required services in local.properties:

   • Set up your own authentication service endpoint
   • Configure LLM service for AI features
   • Add Firebase API key and Google Cloud Storage settings
   • Add OAuth2 credentials for Google integration