KMPProto

All you need to know about Kotlin Multiplatform in practice

About the project

KMPProto is a comprehensive demonstration of Kotlin Multiplatform integration strategies, designed to showcase the technical boundaries of shared code.

★ Full Compose UI: 100% shared UI & logic for maximum development speed.

★ Native UI & Shared Logic: Jetpack Compose (Android) + SwiftUI (iOS) over a shared core.

★ Hybrid Architectures: Intermediate patterns balancing platform-native features and flexibility.

This live playground helps engineers and stakeholders choose the best cross-platform approach.

Main features

◆ Seamless shared UI. The shared Compose UI works smoothly on Android and iOS.

◆ Native Platform Adaptation. In shared UI mode, each platform have specific adaptations for behavior and aesthetics, ensuring the app feels natural to the user.

◆ Multiple iOS UI Modes. The application supports several UI modes specifically designed for the iOS target to showcase Kotlin Multiplatform flexibility.

◆ Dynamic Native Integration. Ability to swap shared UI layers or components with native iOS code dynamically.

◆ Real-Time UI Switching. Switch between Compose and native iOS components in real-time without needing to reload the application.

◆ Bi-directional Interaction. Compose UI seamlessly integrates with native iOS UI and vice versa.

◆ Technical Insights. Every feature includes an "Info" button with detailed technical descriptions of its implementation.

Full videos of the KMPProto

Android

Android Screen Recording 2026-03-09 at 21.39.25.mov

iOS

iOS all - Screen Recording 2026-03-09.mp4

Native UI for iOS

iOS Target. Use Native UI

It exchanges all main shared Compose components to the native iOS components like button/textfield/switch/etc just right inside the shared screen UI.

So the native components reside inside the Compose components on communicate with each other.

It feels obviously when you use latest iOS versions with liquid glass. So liquid glass interacts/overlay the shared components perfectly.

iOS only❗️

iOS Target. Use Native Navigation

Architecture Change: Shared Navigation → Native iOS Navigation.

It changes the Navigation Layer from shared implementation to a pure native iOS approach.

It introduces native iOS TabBars and Navigation bars by wrapping shared Compose screens within native containers.

This enables authentic platform features such as native navigation transitions, ios back gestures, and system-standard keyboard behaviors.

The iOS Tab and Navigation bars components maintain bi-directional communication with shared Compose UI and logic.

Additionally, the native layer perfectly reflects the theming and dark/light mode settings defined in the Shared UI.

iOS only❗️

Difference between version of iOS

Sheet behaviour on iOS 26

Sheet behaviour on iOS 18.5

Navigation on iOS 26

Navigation on iOS 18.5

Download App

Used technologies

◆ Android & Shared logic: Kotlin Multiplatform

◆ Android & Shared UI: Jetpack Compose (aka Compose Multiplatform)

◆ iOS Logic: Swift

◆ IOS UI: SwiftUI, UIKit

◆ Architecture: Clean Architecture, MVVM/MVI pattern

Page updated

Google Sites

Report abuse