Home

Awesome

<img src="favicon.png" width="48" height="48" valign="bottom"> Neumorphism.Avalonia

Easy to use and customizable Neumorphism Design implementation for AvaloniaUI framework.

Screenshot

<img src="favicon.png" width="32" height="32"> Expanders added in 0.11.0 !

Screenshot

<img src="favicon.png" width="32" height="32"> Tab navigation focus added in 0.10.0 !

<img src="favicon.png" width="32" height="32"> Dialogs added in 0.9.0 !

Screenshot

<img src="favicon.png" width="32" height="32"> Menus added in 0.8.0 !

Screenshot

<img src="favicon.png" width="32" height="32"> DateTime pickers added in 0.7.0 !

Screenshot

<img src="favicon.png" width="32" height="32"> Tabs added in 0.6.0 !

Screenshot

<img src="favicon.png" width="32" height="32"> Avalonia 11 support in 0.5.0 !

<img src="favicon.png" width="32" height="32"> Cards and use cases added in 0.4.0 !

Screenshot

<img src="favicon.png" width="32" height="32"> Sliders added in 0.3.1 !

Screenshot

<img src="favicon.png" width="32" height="32"> Progressbars added in 0.2.1 !

Screenshot

<img src="favicon.png" width="32" height="32"> Overview

This library is a collection of styles to help you build your Avalonia app with a ready to go Neumorphism Design theme. (https://github.com/flarive/Neumorphism.Avalonia)

nuget nuget

This Avalonia UI Neumorphic theme was inspired by another great Avalonia UI theme : Material.Avalonia

As neumorphism has no official specifications, this is my own personal interpretation of Neumorphism general guidelines i found on the web (mainly on Dribble).

It also uses some elements of Material Design such as :

For the moment only the following controls are fully themed :

More controls should be themed soon.

<img src="favicon.png" width="32" height="32"> Technical info

<img src="favicon.png" width="32" height="32"> How to start ?

  1. Add Neumorphism.Avalonia nuget package to your project :

    dotnet add package Neumorphism.Avalonia
    
  2. Edit your Avalonia project App.xaml file:

    <Application ...
        xmlns:themes="clr-namespace:Avalonia.Themes.Neumorphism;assembly=Avalonia.Themes.Neumorphism"
        ...>
        <Application.Styles>
            <themes:NeumorphismTheme BaseTheme="Light" PrimaryColor="Purple" SecondaryColor="Lime" />
        </Application.Styles>
    </Application>
    

<img src="favicon.png" width="32" height="32"> Licence

Neumorphism.Avalonia is free to use in any non commercial project.

If you like this project and want to help to maintain it, you can sponsor it (thanks a lot !)

<a target="_blank" href="https://www.patreon.com/NeumorphismAvalonia"><img src="https://img.shields.io/badge/patreon-donate-green.svg"/></a>