Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/felipebaltazar/Maui.NeoControls

Controls for dotnet maui based on neumorphism tendency
https://github.com/felipebaltazar/Maui.NeoControls

dotnet-maui dotnetmaui hacktoberfest maui neomorphic neomorphic-controls neomorphism neumorphic neumorphic-design neumorphic-ui neumorphism

Last synced: 3 months ago
JSON representation

Controls for dotnet maui based on neumorphism tendency

Awesome Lists containing this project

README

        

# Maui.NeoControls

Controls for Maui based on neumorphism tendency

[![NuGet](https://img.shields.io/nuget/v/NeoControls.Maui.svg)](https://www.nuget.org/packages/NeoControls.Maui/)

[![Build and publish packages](https://github.com/felipebaltazar/Maui.NeoControls/actions/workflows/PackageCI.yml/badge.svg)](https://github.com/felipebaltazar/Maui.NeoControls/actions/workflows/PackageCI.yml)

## Examples

![neocontrols maui](https://user-images.githubusercontent.com/19656249/173261798-dee8093a-1dad-4e79-a35d-139bfac66fd5.gif)

## Getting started

- Install the NeoControls.Maui package

```
Install-Package NeoControls.Maui -Version 1.0.17
```

- Add UseNeoControls declaration to your MauiAppBuilder

```csharp
public static class MauiProgram
{
public static MauiApp CreateMauiApp()
{
var builder = MauiApp.CreateBuilder();
builder
.UseMauiApp()
.UseNeoControls()
.ConfigureFonts(fonts =>
{
fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
});

return builder.Build();
}
}
```

- Use the controls

```xml

```

- You can also insert any view inside the neo controls

```xml








```

- Background with gradient

```xml











```

## 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 |

![Alt](https://repobeats.axiom.co/api/embed/a296ea840303d4b30b0625c0be98094ba6a12011.svg "Repobeats analytics image")