1. Installation

Notice: when this page was written, the latest Avalonia version was 11.1.0-beta2 with SukiUI version 6.0.0-beta6

SukiUI can be installed in two ways:

• Nuget Recommended
• CI Artifacts from Github Action

1. Prepare your application

The following picture shows packages already installed with the default Avalonia Template:

In these packages, Avalonia.Themes.Fluent will no longer be necessary and can be removed.

2. Install latest SukiUI package

The Nuget installation is suitable for most users, but if you want to use the latest build, you can download the dll from Github Action after the automatic build.

Via Nuget

dotnet add package SukiUI --version 6.0.0

Visit SukiUI on Nuget for more information

Via Github Action

1. Visit SukiUI CI
2. Select the latest workflow

3. Download the artifact

4. Add reference

5. Select SukiUI.dll you downloaded

Done

3. Modify your App.axaml

Include SukiUI styles in your App.axaml

<Application
    ...
    xmlns:sukiUi="clr-namespace:SukiUI;assembly=SukiUI"
    >
    <Application.Styles>
        <sukiUi:SukiTheme ThemeColor="Blue"  />     
    </Application.Styles>
</Application>

4. Use SukiWindow as MainWindow

Change MainWindow from Window class to SukiWindow class.

Original MainWindow.axaml :

Modified MainWindow.axaml :

Original MainWindow.axaml.cs :

Modified MainWindow.axaml.cs :

5. Done !

You're now ready to use SukiUI !

Please read the following 'Theming' section to discover how to theme your app.