NeoControls.Maui 1.0.22

There is a newer prerelease version of this package available.
See the version list below for details.
dotnet add package NeoControls.Maui --version 1.0.22
NuGet\Install-Package NeoControls.Maui -Version 1.0.22
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="NeoControls.Maui" Version="1.0.22" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add NeoControls.Maui --version 1.0.22
#r "nuget: NeoControls.Maui, 1.0.22"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install NeoControls.Maui as a Cake Addin
#addin nuget:?package=NeoControls.Maui&version=1.0.22

// Install NeoControls.Maui as a Cake Tool
#tool nuget:?package=NeoControls.Maui&version=1.0.22

Maui.NeoControls

Controls for Maui based on neumorphism tendency

NuGet

Build and publish packages

Examples

neocontrols maui

Getting started

  • Install the NeoControls.Maui package
Install-Package NeoControls.Maui -Version 1.0.17
  • Add UseNeoControls declaration to your MauiAppBuilder
public static class MauiProgram
{
	public static MauiApp CreateMauiApp()
	{
		var builder = MauiApp.CreateBuilder();
		builder
			.UseMauiApp<App>()
			.UseNeoControls()
			.ConfigureFonts(fonts =>
			{
				fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
				fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
    });

		return builder.Build();
	}
}
  • Use the controls
    <NeoButton Elevation=".25"
               CornerRadius="70,20,20,20"
               BackgroundColor="#e3edf7"/>
  • You can also insert any view inside the neo controls
        <NeoButton BackgroundColor="#e3edf7">
            
            <StackLayout Orientation="Vertical">
                <Image Source="MyImage.png "/>
                <Label Text="My Button Label"/>
            </StackLayout>
            
        </NeoButton>
  • Background with gradient
    <NeoButton>
        <NeoButton.BackgroundGradient>
            <LinearGradient Angle="45">
                <NeoGradientStop Color="Red" Offset="0" />
                <NeoGradientStop Color="Yellow" Offset="1" />
            </LinearGradient>
        </NeoButton.BackgroundGradient>

        <StackLayout Orientation="Vertical">
            <Image Source="MyImage.png "/>
            <Label Text="My Button Label"/>
        </StackLayout>
    </NeoButton>

Property reference

Property What it does Extra info
CornerRadius A CornerRadius object representing each individual corner's radius. Uses the CornerRadius struct allowing you to specify individual corners.
Elevation Set this value to chenge element depth effect.
InnerView View that will be shown inside the neo control.
ShadowBlur Set this value to change shadow blur effect.
ShadowDistance Set this value to change shadow distance relative from control.
DarkShadowColor The Dark color that will be applied on draw the dark shadow. This will be applied with Elevation property, as Alpha parameter.
LightShadowColor The White color that will be applied on draw the light shadow.
BackgroundGradient Draw a gradient on background's control When value != null, backgroundColor Property will be ignored
Product Compatible and additional computed target framework versions.
.NET net7.0-android33.0 is compatible.  net7.0-ios16.1 is compatible.  net8.0-android was computed.  net8.0-ios was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
8.0.4-pre 77 1/28/2024
1.0.22 175 1/6/2024
1.0.20 141 12/20/2023
1.0.17 109 9/18/2023
1.0.8-pre 236 6/14/2022
1.0.6-pre 122 6/14/2022
1.0.2-pre 116 6/14/2022
0.0.1-pre 147 6/13/2022