ITninja04 / Neumorphism.Avalonia

Neumorphism UI theme for Avalonia apps

Neumorphism.Avalonia

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

New in latest release (0.4.0) !

• Cards are now fully themed with 2 differents styles : outset (default) and inset
• Added real life use cases samples (login, stopwatch, audio player, messages, sleep quality, user profile...)

Sliders added in 0.3.1 !

Progressbars added in 0.2.1 !

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)

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 :

• Primary and Secondary (Accent) color with light and dark variants
• A light theme and a dark theme (you can switch between them at runtime)
• Material Design Icons (must be installed separately)

For the moment only the following controls are fully themed :

• Buttons
• ToggleButtons
• RadioButtons
• Checkboxes
• Textboxes
• Comboboxes
• ProgressBars
• Sliders
• Cards

More controls should be themed soon.

Technical info

• Single .net Standard Library DLL (Neumorphism.Avalonia.dll)
• Can be used with .net Core 3.x, .net5, .net6, .net7...
• Lightweight (DLL is 1.5Mo when compiled in release mode)
• Built upon the latest version of Avalonia UI (0.10.16)
• .Net 5 demo application project

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:Neumorphism.Avalonia.Styles.Themes;assembly=Neumorphism.Avalonia"
       ...>
       <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, if you need a feature or help, if you just want to support it, just buy me a little coffee my friend :)

I love coffee, it helps me to write incredible code :)