miuix
0.8.5indexedMaterial-inspired UI components and theming for Compose: dynamic Monet colors, ThemeController for modes and keyColor seeding, optional icons, navigation UI, and interactive demos.
0
Stars
—
Used by
dependents
—
Health
/ 100
Miuix
A UI library for Compose Multiplatform.
This library is experimental. APIs may change without notice.
Supported Platforms
Demos
Modules
Getting Started
kotlin {
sourceSets {
commonMain.dependencies {
implementation("top.yukonga.miuix.kmp:miuix-ui:<version>")
// Optional: Add miuix-preference for preference components
implementation("top.yukonga.miuix.kmp:miuix-preference:<version>")
// Optional: Add miuix-icons for more icons
implementation("top.yukonga.miuix.kmp:miuix-icons:<version>")
// Optional: Add miuix-blur for blur effects
implementation("top.yukonga.miuix.kmp:miuix-blur:<version>")
// Optional: Add miuix-squircle for squircle (smooth rounded corner) shapes
implementation("top.yukonga.miuix.kmp:miuix-squircle:<version>")
// Optional: Add miuix-navigation3-ui for navigation3 support
implementation("top.yukonga.miuix.kmp:miuix-navigation3-ui:<version>")
// Other dependencies...
}
// Other sourceSets...
}
// Other configurations...
}
Usage
- Provide a color scheme via
MiuixTheme(colors = ...), e.g.,lightColorScheme()ordarkColorScheme().
@Composable
fun AppTheme(
content: @Composable () -> Unit
) {
val colors = if (isSystemInDarkTheme()) darkColorScheme() else lightColorScheme()
return MiuixTheme(
colors = colors,
content = content
)
}
- Use
ThemeControllerto manage modes and enable Monet dynamic colors. PasskeyColorto 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
)
}
