Is there an integration path where I can load a Co...
# compose-webm
Matthew David
07/11/2025, 8:34 PMIs there an integration path where I can load a Composable using compose-web in a WebView which is in compose-android? (I guess some version of the android target depending on a separate web target)
y
Yassine Abou
07/11/2025, 10:03 PMdoes this fit what your looking for: https://github.com/KevinnZou/compose-webview-multiplatform. It provides a composable webview component for jetpack compose and other platforms that can load a url or html content
m
Matthew David
07/11/2025, 10:25 PMNo. For example, if I already have an app with a WebView, is it possible to load a composable into that WebView using compose-web (from the same project)
c
Chrimaeon
07/12/2025, 10:23 AMCompose web is meant to be deployed and consumed via HTML and JS/WASM. In the Webview you’d just call the URL you deployed your webapp.
Chrimaeon
07/12/2025, 10:24 AMOr if you have it “shared” as Compose Multiplatform. you can consume the
@Composableb
Bogdan Vladoiu Lbs
07/13/2025, 10:20 PMif you need it in an existing web app, you need to present to it the canvas:
Copy code
<!DOCTYPE html>
<html lang="en">
<head>
<script type="application/javascript" src="skiko.js"></script>
<script type="application/javascript" src="composeApp.js"></script>
</head>
<body>
//existing content
<canvas id="ComposeTarget"></canvas>
//existing content
</body>
</html>
........
@OptIn(ExperimentalComposeUiApi::class)
fun main() {
onWasmReady {
CanvasBasedWindow(canvasElementId = "ComposeTarget") {
App()
}
}
}Bogdan Vladoiu Lbs
07/13/2025, 11:38 PMif you need more than one compose web "app" in the same page. its going to be a bit of a can of worms. you are better off with multiple CanvasBasedWindow from one single module (each targeting its own canvas), but i think its horrible because you will endup wih an even bigger bundle.
👍 1