Declarative framework for sharing UIs across multiple platforms. Based on Kotlin and Jetpack Compose.
Developed by JetBrains
![[object Object] icon](data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzMgNzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNi4wMzUgMTcuNjc4czYuNzAyLjM3IDEwLjYwNy0zLjUzNmMzLjkwNS0zLjkwNSAzLjUzNi0xMC42MDYgMy41MzYtMTAuNjA2cy02LjcwMi0uMzctMTAuNjA3IDMuNTM1Yy0zLjkwNSAzLjkwNS0zLjUzNiAxMC42MDctMy41MzYgMTAuNjA3Wk0yNi41IDcyYzE0LjM2IDAgMjYtMTEuNjQgMjYtMjZzLTExLjY0LTI2LTI2LTI2Uy41IDMxLjY0LjUgNDZzMTEuNjQgMjYgMjYgMjZaIiBmaWxsPSIjZmZmIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi41IDJoNTh2NTNINTMuMDIyYy0uMTE0LjMzNi0uMjM0LjY3LS4zNiAxSDcxLjVWMWgtNjB2MjEuMzUzYTI3LjgxIDI3LjgxIDAgMCAxIDEtLjYwN1YyWiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)
![[object Object] icon](data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzMgNzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iOSIgeT0iMjYuNSIgd2lkdGg9IjciIGhlaWdodD0iMjQiIHJ4PSIzLjUiIHN0cm9rZT0iI2ZmZiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTguNSAyNmgzNnYyN2E0IDQgMCAwIDEtNCA0aC0zdjEwYTQgNCAwIDAgMS04IDBWNTdoLTZ2MTBhNCA0IDAgMCAxLTggMFY1N2gtM2E0IDQgMCAwIDEtNC00VjI2WiIgZmlsbD0iI2ZmZiIvPjxyZWN0IHg9IjU3IiB5PSIyNi41IiB3aWR0aD0iNyIgaGVpZ2h0PSIyNCIgcng9IjMuNSIgc3Ryb2tlPSIjZmZmIi8+PG1hc2sgaWQ9ImEiIGZpbGw9IiNmZmYiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDcuNSAyLjczMmEyIDIgMCAxIDEgMy40NjQgMmwtMi42ODcgNC42NTVBMTcuOTU5IDE3Ljk1OSAwIDAgMSA1NC41IDIzdjFoLTM2di0xYTE3Ljk2MyAxNy45NjMgMCAwIDEgNi41MzUtMTMuODc3TDIyLjUgNC43MzJhMiAyIDAgMSAxIDMuNDY0LTJsMi40MjIgNC4xOTZBMTcuOTI1IDE3LjkyNSAwIDAgMSAzNi41IDVjMy4wNjIgMCA1Ljk0Ni43NjUgOC40NyAyLjExM2wyLjUzLTQuMzgxWiIvPjwvbWFzaz48cGF0aCBkPSJtNTAuMjMyIDItLjUuODY2LjUtLjg2NlptLTIuNzMyLjczMi44NjYuNS0uODY2LS41Wm0zLjQ2NCAyLS44NjYtLjUuODY2LjVabS0yLjY4NyA0LjY1NS0uODY2LS41LS40MTMuNzE1LjYyNC41NC42NTUtLjc1NVpNNTQuNSAyNHYxaDF2LTFoLTFabS0zNiAwaC0xdjFoMXYtMVptNi41MzUtMTQuODc3LjYzNy43Ny42NTEtLjUzOC0uNDIyLS43MzItLjg2Ni41Wk0yMi41IDQuNzMybC44NjYtLjUtLjg2Ni41Wk0yMy4yMzIgMmwtLjUtLjg2Ni41Ljg2NlptMi43MzIuNzMyLjg2Ni0uNS0uODY2LjVabTIuNDIyIDQuMTk2LS44NjYuNS40NzQuODIuODQ0LS40MjgtLjQ1Mi0uODkyWm0xNi41ODQuMTg1LS40Ny44ODIuODUzLjQ1Ni40ODMtLjgzOC0uODY2LS41Wm01Ljc2Mi01Ljk4YTMgMyAwIDAgMC00LjA5OCAxLjA5OWwxLjczMiAxYTEgMSAwIDAgMSAxLjM2Ni0uMzY2bDEtMS43MzJabTEuMDk4IDQuMDk5YTMgMyAwIDAgMC0xLjA5OC00LjA5OGwtMSAxLjczMmExIDEgMCAwIDEgLjM2NiAxLjM2NmwxLjczMiAxWm0tMi42ODcgNC42NTUgMi42ODctNC42NTUtMS43MzItMS0yLjY4NyA0LjY1NSAxLjczMiAxWk01NS41IDIzYzAtNS43NC0yLjU0Ny0xMC44ODctNi41NjktMTQuMzdsLTEuMzA5IDEuNTEzQTE2Ljk1OSAxNi45NTkgMCAwIDEgNTMuNSAyM2gyWm0wIDF2LTFoLTJ2MWgyWm0tMzcgMWgzNnYtMmgtMzZ2MlptLTEtMnYxaDJ2LTFoLTJabTYuODk4LTE0LjY0OEMyMC4xODYgMTEuODM2IDE3LjUgMTcuMTA1IDE3LjUgMjNoMmMwLTUuMjc0IDIuNC05Ljk4NyA2LjE3Mi0xMy4xMDZsLTEuMjc0LTEuNTQyWm0tMi43NjQtMy4xMiAyLjUzNSA0LjM5MSAxLjczMi0xLTIuNTM1LTQuMzkxLTEuNzMyIDFabTEuMDk4LTQuMDk4YTMgMyAwIDAgMC0xLjA5OCA0LjA5OGwxLjczMi0xYTEgMSAwIDAgMSAuMzY2LTEuMzY2bC0xLTEuNzMyWm00LjA5OCAxLjA5OGEzIDMgMCAwIDAtNC4wOTgtMS4wOThsMSAxLjczMmExIDEgMCAwIDEgMS4zNjYuMzY2bDEuNzMyLTFabTIuNDIyIDQuMTk2TDI2LjgzIDIuMjMybC0xLjczMiAxIDIuNDIyIDQuMTk2IDEuNzMyLTFaTTM2LjUgNGMtMy4wOCAwLTUuOTkuNzMzLTguNTY1IDIuMDM2bC45MDMgMS43ODRBMTYuOTI0IDE2LjkyNCAwIDAgMSAzNi41IDZWNFptOC45NDIgMi4yMzFBMTguOTIgMTguOTIgMCAwIDAgMzYuNSA0djJjMi44OTQgMCA1LjYxNi43MjIgOCAxLjk5NWwuOTQyLTEuNzY0Wm0xLjE5Mi0zLjk5OS0yLjUzIDQuMzgxIDEuNzMyIDEgMi41My00LjM4MS0xLjczMi0xWiIgZmlsbD0iI2ZmZiIgbWFzaz0idXJsKCNhKSIvPjxyZWN0IHg9IjQzIiB5PSIxMy41IiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiByeD0iMiIgc3Ryb2tlPSIjZmZmIi8+PHJlY3QgeD0iMjYiIHk9IjEzLjUiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiIHJ4PSIyIiBzdHJva2U9IiNmZmYiLz48L3N2Zz4=)
![[object Object] icon](data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzMgNzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS41IDExaC0xMHY2MGg2MFY1NmgtMXYxNGgtNThWMjJoOXYtMWgtOXYtOWg5di0xWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNSAxaDYwdjU1aC0xMFYxMWgtNTBWMVptMCAyMHYtOWg0OXY5aC00OVptNDkgMzVWMjJoLTQ5djM0aDM4LjU3MUw0NC41IDUwbC02IDYtNS0yMyAyMyA2LTcgNyAxMC45MSAxMGguMDlaIiBmaWxsPSIjZmZmIi8+PC9zdmc+)
![[object Object] icon](data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzMgNzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01Ny40OTggMzZjLS4wNDQgNi4xMjMtLjg5MiAxMS44OS0yLjM1OSAxNi45OTMtNS41NDYtLjkzLTExLjg5My0xLjQ2Ny0xOC42MzktMS40OTJWMzZoMjAuOTk4Wk0zNi41IDUyLjVjNi42NTIuMDI2IDEyLjg5OS41NTMgMTguMzUyIDEuNDYtMS4wMjMgMy4zMi0yLjMxMSA2LjM0My0zLjgxIDguOTc2LTEuMTA4IDEuOTQzLTIuMzIgMy42Ni0zLjYxNyA1LjEyN0EzNC40MjEgMzQuNDIxIDAgMCAxIDM2LjUgNjkuOTk2VjUyLjUwMVptLTEtMTYuNXYxNS41Yy02Ljc0NS4wMjYtMTMuMDkzLjU2My0xOC42MzkgMS40OTMtMS40NjctNS4xMDMtMi4zMTUtMTAuODctMi4zNi0xNi45OTNoMjFabTAgMTYuNWMtNi42NTIuMDI2LTEyLjg5OS41NTMtMTguMzUyIDEuNDU5IDEuMDIzIDMuMzIyIDIuMzExIDYuMzQ0IDMuODExIDguOTc3IDEuMTA3IDEuOTQzIDIuMzIgMy42NiAzLjYxNiA1LjEyN0EzNC40MjEgMzQuNDIxIDAgMCAwIDM1LjUgNjkuOTk2VjUyLjUwMVpNMTMuNTAyIDM2Yy4wNDMgNi4xNjUuODkxIDExLjk5IDIuMzY4IDE3LjE2NS0yLjkwMy41Mi01LjU3MiAxLjE1LTcuOTQ2IDEuODcxbC0uMy4wOTJBMzQuMzMzIDM0LjMzMyAwIDAgMSAxLjUwNCAzNmgxMS45OThabTIuNjUzIDE4LjEzYy0yLjkuNTE2LTUuNTYgMS4xNC03LjkxNyAxLjg1NmEzNC42MTcgMzQuNjE3IDAgMCAwIDE0LjQzOSAxMS4zNDdjLTIuNjk1LTMuNDgyLTQuOTMyLTcuOTkzLTYuNTIyLTEzLjIwM1ptNDcuNjA3IDEuODU2Yy0yLjM1OC0uNzE1LTUuMDE3LTEuMzQtNy45MTctMS44NTYtMS41OSA1LjIxLTMuODI3IDkuNzIxLTYuNTIxIDEzLjIwM2EzNC42MTcgMzQuNjE3IDAgMCAwIDE0LjQzOC0xMS4zNDdabS4zMTQtLjk1LjMuMDkzQTM0LjMzMyAzNC4zMzMgMCAwIDAgNzAuNDk2IDM2SDU4LjQ5OWMtLjA0MyA2LjE2NS0uODkxIDExLjk5LTIuMzY4IDE3LjE2NSAyLjkwMy41MiA1LjU3MiAxLjE1IDcuOTQ2IDEuODcxWk0xNC41MDIgMzVIMzUuNVYyMC41Yy02Ljg1My0uMDI3LTEzLjI5NS0uNTgtMTguOTA0LTEuNTM4LTEuMzA0IDQuODYzLTIuMDUzIDEwLjI5NC0yLjA5NCAxNi4wMzhabTEuMTA1LTE2LjIxMkMxNC4yOTMgMjMuNzIgMTMuNTQzIDI5LjIxIDEzLjUwMiAzNUgxLjUwNEEzNC4zMjkgMzQuMzI5IDAgMCAxIDcuMDcgMTYuNjk2Yy4yOC4wOS41NjUuMTguODU0LjI2OCAyLjMwMi43IDQuODgyIDEuMzEzIDcuNjgzIDEuODI0Wm0uMjY3LS45NjhjLTIuOC0uNTA4LTUuMzcyLTEuMTE4LTcuNjYtMS44MTNhNTMuMzYgNTMuMzYgMCAwIDEtLjU2My0uMTc1QTM0LjYyNCAzNC42MjQgMCAwIDEgMjIuNjc3IDMuNjY3Yy0yLjg1OCAzLjY5Mi01LjIgOC41NC02LjgwMyAxNC4xNTNabS45OS4xNzNjMS4wNjUtMy42OTcgMi40NTMtNy4wNDYgNC4wOTUtOS45MjkgMS4xMDctMS45NDMgMi4zMi0zLjY2IDMuNjE2LTUuMTI3QTM0LjQyMiAzNC40MjIgMCAwIDEgMzUuNSAxLjAwNHYxOC40OTVjLTYuNzY3LS4wMjUtMTMuMTE2LS41Ny0xOC42MzUtMS41MDZaTTM2LjUgMTkuNVYxLjAwNGMzLjgyNS4wNTQgNy40OTkuNzMgMTAuOTI1IDEuOTMzIDEuMjk3IDEuNDY3IDIuNTA5IDMuMTg0IDMuNjE2IDUuMTI3IDEuNjQyIDIuODgzIDMuMDMgNi4yMzIgNC4wOTQgOS45My01LjUyLjkzNS0xMS44NjggMS40OC0xOC42MzUgMS41MDVabTAgMWM2Ljg1My0uMDI2IDEzLjI5NS0uNTggMTguOTA0LTEuNTM3IDEuMzA0IDQuODYzIDIuMDUzIDEwLjI5NCAyLjA5NCAxNi4wMzhIMzYuNVYyMC40OTlabTE5Ljg5My0xLjcxMmMxLjMxNCA0LjkzNCAyLjA2NCAxMC40MjQgMi4xMDUgMTYuMjEzaDExLjk5OWEzNC4zMyAzNC4zMyAwIDAgMC01LjU2Ny0xOC4zMDRjLS4yOC4wOS0uNTY1LjE4LS44NTQuMjY4LTIuMzAyLjY5OS00Ljg4MiAxLjMxMi03LjY4MyAxLjgyM1ptLS4yNjctLjk2N2MyLjgtLjUwOCA1LjM3Mi0xLjExOCA3LjY2LTEuODEzLjE4OS0uMDU4LjM3Ny0uMTE2LjU2My0uMTc1QTM0LjYyNCAzNC42MjQgMCAwIDAgNDkuMzI0IDMuNjY3YzIuODU3IDMuNjkyIDUuMTk5IDguNTQgNi44MDIgMTQuMTUzWiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)
Accelerated UI development
Build your user interface once, and use it on all platforms – Android, iOS, web, and desktop. Save yourself the effort of keeping different UIs in sync, and get your app into the hands of your users more quickly.
Android UI skills for other platforms
Use the same familiar APIs from Jetpack Compose to build user interfaces for all platforms.
An excellent ecosystem
Use a wide variety of production-ready Kotlin libraries and frameworks that make it easy to be productive from the get-go and get support from a helpful and welcoming developer community!
Easy integration with every platform
Building on top of Kotlin Multiplatform means not having to compromise on using platform-specific features and APIs. Easily access the full capabilities of every platform, just like native applications.
Component-level reuse
Build your UIs with customizable widgets that you can use on all of your target platforms. Use premade themes to get started quickly, or create your own visual style down to the very pixel.
Button(
onClick = {
logger.info("Pressed!")
}
) {
Text("Hello $platform")
}
@Serializable
data class Friend(val name: String)
@Composable
fun FriendCard(name: String) {
var myFriend by remember {
mutableStateOf<Friend?>(null)
}
LaunchedEffect(name) {
val friend = ktorClient
.get("$host/$name.json")
.body<Friend>()
myFriend = friend
}...
After moving our desktop application to 100% Kotlin, we noticed improved productivity of our team.
Using a single language means that every developer can make a feature from start to finish without switching contexts. It is faster, less error prone, and improves knowledge sharing among developers. The entire application also uses the same representation for data in memory, skipping the need for extra (de)serialization steps.
Victor Kropp
Toolbox team lead, JetBrains