Fluent Design UI library for Compose Multiplatform

This library is experimental, any API would be changed in the future without any notification.

Please note that there are lots of hard-coding and workarounds in our source code, which we plan to eliminate in the future.

Thank you for using our library. We look forward to receiving your feedback and contributions!

implementation("com.konyaco:fluent:0.0.1-dev.8")
implementation("com.konyaco:fluent-icons-extended:0.0.1-dev.8") // If you want to use full fluent icons.

import com.konyaco.fluent.component.*

@Composable
fun App() {
  FluentTheme {
    Mica(Modifier.fillMaxSize()) {
      Column(Modifier.padding(24.dp)) {
        Button(onClick = {}) {
          Text("Hello Fluent Design")
        }
      }
    }
  }
}

See gallery module for more details.

• FluentTheme() is the context and entry point of the application, just like MaterialTheme
• Components are under component package
• Mica and Layer are under background package

This library is under Apache-2.0 license.

The copyright of the icon assets (in com.konyaco.fluent.icons package) belongs to Microsoft.

• Mica
  • Simple Mica
  • Real Mica
• Layer
  • Simple Layer
  • Real Layer
• Acrylic
• Card

• Buttons

  • Button
  • AccentButton
  • SubtleButton
  • DropdownButton
  • HyperlinkButton
  • RepeatButton
  • ToggleButton
  • SplitButton
  • ToggleSplitButton

• RadioButton

• ToggleSwitch

• CheckBox

  • TriStateCheckBox

• ComboBox (Simple)

• ProgressBar

• ProgressRing

• Slider

• TextField

• ColorPicker

• RatingControl

• Pill Button

• CalendarView (Simple)
• DateTimePicker (Simple)
• Color Picker
• Navigation
  • SideNav
  • BreadcrumbBar
  • Pivot
  • TabView
• Tooltip
• InfoBar
• FilePicker
• Menu

• FluentDialog
• ContentDialog
• Flyout (Simple)

• Animation Preset Constants (Duration, Easing Functions)

• Light and Dark theme
• Custom accent color

• Accessibility Semantics