A shared UI library for Compose Multiplatform. Supports all platform targets. Provides components with Xiaomi HyperOS design style.
A UI library for Compose Multiplatform.
This library is experimental. APIs may change without notice.
kotlin {
sourceSets {
commonMain.dependencies {
implementation("top.yukonga.miuix.kmp:miuix:<version>")
// Optional: Add miuix-icons for more icons
implementation("top.yukonga.miuix.kmp:miuix-icons:<version>")
// Optional: Add miuix-navigation3-ui for navigation3 support
implementation("top.yukonga.miuix.kmp:miuix-navigation3-ui:<version>")
// Optional: Add miuix-navigation3-adaptive for navigation3 adaptive support
implementation("top.yukonga.miuix.kmp:miuix-navigation3-adaptive:<version>")
// Other dependencies...
}
// Other sourceSets...
}
// Other configurations...
}MiuixTheme(colors = ...), e.g., lightColorScheme() or darkColorScheme().@Composable
fun AppTheme(
content: @Composable () -> Unit
) {
val colors = if (isSystemInDarkTheme()) darkColorScheme() else lightColorScheme()
return MiuixTheme(
colors = colors,
content = content
)
}ThemeController to manage modes and enable Monet dynamic colors. Pass keyColor to set a custom seed color.@Composable
fun AppTheme(
content: @Composable () -> Unit
) {
val controller = remember {
ThemeController(
ColorSchemeMode.MonetSystem,
keyColor = Color(0xFF3482FF)
)
}
return MiuixTheme(
controller = controller,
content = content
)
} |
 |
 |
 |
 |
 |
A UI library for Compose Multiplatform.
This library is experimental. APIs may change without notice.
kotlin {
sourceSets {
commonMain.dependencies {
implementation("top.yukonga.miuix.kmp:miuix:<version>")
// Optional: Add miuix-icons for more icons
implementation("top.yukonga.miuix.kmp:miuix-icons:<version>")
// Optional: Add miuix-navigation3-ui for navigation3 support
implementation("top.yukonga.miuix.kmp:miuix-navigation3-ui:<version>")
// Optional: Add miuix-navigation3-adaptive for navigation3 adaptive support
implementation("top.yukonga.miuix.kmp:miuix-navigation3-adaptive:<version>")
// Other dependencies...
}
// Other sourceSets...
}
// Other configurations...
}MiuixTheme(colors = ...), e.g., lightColorScheme() or darkColorScheme().@Composable
fun AppTheme(
content: @Composable () -> Unit
) {
val colors = if (isSystemInDarkTheme()) darkColorScheme() else lightColorScheme()
return MiuixTheme(
colors = colors,
content = content
)
}ThemeController to manage modes and enable Monet dynamic colors. Pass keyColor to set a custom seed color.@Composable
fun AppTheme(
content: @Composable () -> Unit
) {
val controller = remember {
ThemeController(
ColorSchemeMode.MonetSystem,
keyColor = Color(0xFF3482FF)
)
}
return MiuixTheme(
controller = controller,
content = content
)
} |
|
|
|
|
|