flarive / Neumorphism.Avalonia

Neumorphism UI theme for Avalonia apps
329 stars 16 forks source link
avaloniaui cross-platform csharp dark-theme light-theme native-aot net8 neumorphic-design neumorphism theme ui-design xaml

Neumorphism.Avalonia

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

Screenshot

Expanders added in 0.11.0 !

Screenshot

Tab navigation focus added in 0.10.0 !

Dialogs added in 0.9.0 !

Screenshot

Menus added in 0.8.0 !

Screenshot

DateTime pickers added in 0.7.0 !

Screenshot

Tabs added in 0.6.0 !

Screenshot

Avalonia 11 support in 0.5.0 !

Cards and use cases added in 0.4.0 !

Screenshot

Sliders added in 0.3.1 !

Screenshot

Progressbars added in 0.2.1 !

Screenshot

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.

Technical info

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>

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 !)