macOS‑26 visual system delivering 30+ native‑feeling components, light/dark theming, built‑in design tokens (colors, Manrope typography), animations, and zero external UI dependencies.
A Compose Multiplatform adaptation of the native macos 26 style. This port brings the same design language to Android, iOS, Desktop, and Web through Compose Multiplatform.
| Platform | Status |
|---|---|
| Android | ✓ |
// build.gradle.kts
kotlin {
sourceSets {
commonMain.dependencies {
implementation("io.github.kdroidfilter:compose-macos-ui:<version>")
}
}
}
import io.github.kdroidfilter.nucleus.ui.apple.macos.theme.MacosTheme
@Composable
fun App() {
MacosTheme(darkTheme = false) {
// Your content here
// Access design tokens via MacosTheme.colors, MacosTheme.typography, etc.
}
}
For the full component catalog, API details, and interactive demos, visit the documentation.
Compose Macos UI is available under a dual license:
Free for open-source projects. If your project is distributed under a GPL-compatible license, you can use Compose Macos UI at no cost under the terms of the GNU General Public License v3.0.
For proprietary/closed-source projects, a commercial license is available for $50 (one-time payment). This license covers usage in up to 3 commercial projects.
To purchase a commercial license, contact me privately via email or open an issue on the repository.
| iOS | ✓ |
| Desktop (JVM) | ✓ |
| Web (JS) | ✓ |
| Web (Wasm) | ✓ |
import io.github.kdroidfilter.nucleus.ui.apple.macos.components.*
fun MyApp() {
var selectedItem by remember { mutableStateOf("inbox") }
Scaffold(
sidebar = {
Sidebar(
items = listOf(
SidebarItem("inbox", "Inbox", icon = Icons.Home),
SidebarItem("sent", "Sent", icon = Icons.Share2),
SidebarItem("settings", "Settings", icon = Icons.Settings),
),
activeItem = selectedItem,
)
},
titleBar = {
TitleBar(
title = { Text("Mail") },
actions = {
IconButton(
icon = Icons.Share2,
onClick = { /* open https://github.com/kdroidFilter/compose-macos-26-ui */ },
style = IconButtonStyle.Borderless,
)
},
)
},
) { padding ->
Column(Modifier.padding(padding).padding(16.dp)) {
Text("Welcome to macOS UI", style = MacosTheme.typography.title1)
PrimaryButton(onClick = { /* ... */ }) {
Text("Get Started")
}
}
}
}
Surfaced from shared tags and platforms — no rankings paid for.