cmp-x

0.0.1indexed

Compose-based cross-platform app template enabling shared UI and platform-specific code separation, offering native entry points, SwiftUI support, and Wasm/JS development/run tasks.

AndroidJSJVMNativeWasm·simplepeng/cmp-x

Stars

—

Used by

dependents

—

Health

/ 100

This is a Kotlin Multiplatform project targeting Android, iOS, Web, Desktop (JVM).

/composeApp is for code that will be shared across your Compose Multiplatform applications. It contains several subfolders:
- commonMain is for code that’s common for all targets.
- Other folders are for Kotlin code that will be compiled for only the platform indicated in the folder name. For example, if you want to use Apple’s CoreCrypto for the iOS part of your Kotlin app, the iosMain folder would be the right place for such calls. Similarly, if you want to edit the Desktop (JVM) specific part, the jvmMain folder is the appropriate location.
/iosApp contains iOS applications. Even if you’re sharing your UI with Compose Multiplatform, you need this entry point for your iOS app. This is also where you should add SwiftUI code for your project.

Build and Run Android Application

To build and run the development version of the Android app, use the run configuration from the run widget in your IDE’s toolbar or build it directly from the terminal:

on macOS/Linux
```
./gradlew :composeApp:assembleDebug
```

on Windows

.\gradlew.bat :composeApp:assembleDebug

Build and Run Desktop (JVM) Application

To build and run the development version of the desktop app, use the run configuration from the run widget in your IDE’s toolbar or run it directly from the terminal:

on macOS/Linux
```
./gradlew :composeApp:run
```
on Windows
```
.\gradlew.bat :composeApp:run
```

Build and Run Web Application

To build and run the development version of the web app, use the run configuration from the run widget in your IDE's toolbar or run it directly from the terminal:

for the Wasm target (faster, modern browsers):

on macOS/Linux

./gradlew :composeApp:wasmJsBrowserDevelopmentRun

on Windows

.\gradlew.bat :composeApp:wasmJsBrowserDevelopmentRun

Build and Run iOS Application

To build and run the development version of the iOS app, use the run configuration from the run widget in your IDE’s toolbar or open the /iosApp directory in Xcode and run it from there.

Learn more about Kotlin Multiplatform, Compose Multiplatform, Kotlin/Wasm…

We would appreciate your feedback on Compose/Web and Kotlin/Wasm in the public Slack channel #compose-web. If you face any issues, please report them on YouTrack.

Related libraries

Surfaced from shared tags and platforms — no rankings paid for.

HtmlConverterCompose★ 144

cbeylsSimple API converts HTML to AnnotatedString with styling for UI components, replacing traditional HTML parsers. Supports custom styling, hyperlink handling, and unstyled text conversion. Future goals include inline image display.Shared: web, wasm, desktop

compose-shimmer★ 1.0k

valentinilkOffers shimmering animation for UI elements, integrated via a simple modifier. Includes customization options like theming and animation boundaries. Supports advanced usage scenarios and custom modifiers.Shared: web, wasm, desktop

material3-windowsizeclass-multiplatform★ 361

chrisbanesFacilitates responsive UI design by implementing Material 3 window size classes across multiple platforms, ensuring layouts adapt to various screen sizes. Supports Android, iOS, desktop, and web environments.Shared: web, desktop, compose-multiplatform

minabox★ 353

oleksandrbalanDisplays lazy-loaded items on a scrollable 2D plane, allowing registration of items with defined positions and sizes. Supports pinned rows/columns and relative/absolute sizing.Shared: wasm, desktop, compose-ui

kubriko★ 249

pandulapeterLightweight 2D game engine enables creation of simple games with modular plugins for scaling, object management, audio, shaders, and physics. Offers tools like Scene Editor and Debug Menu.Shared: desktop, compose-ui, compose-multiplatform

Zoomable★ 134

mxalbert1996Enables content zooming with dragging, double-tap, and swipe-to-dismiss gestures. Features over-zoom effects and seamless integration with horizontal pagers, enhancing image viewing quality and interaction.Shared: desktop, compose-ui, compose-multiplatform