Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/felipebaltazar/Maui.NeoControls
- Owner: felipebaltazar
- License: mit
- Created: 2022-06-13T00:07:19.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-01T13:53:24.000Z (9 months ago)
- Last Synced: 2024-05-01T14:34:11.610Z (6 months ago)
- Topics: dotnet-maui, dotnetmaui, hacktoberfest, maui, neomorphic, neomorphic-controls, neomorphism, neumorphic, neumorphic-design, neumorphic-ui, neumorphism
- Language: C#
- Homepage:
- Size: 1.14 MB
- Stars: 96
- Watchers: 4
- Forks: 11
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- awesome-dotnet-maui - Maui.NeoControls - square)](https://github.felipebaltazar/Maui.NeoControls/stargazers)|[](https://github.com/felipebaltazar/Maui.NeoControls/commits) (UI)
README
# Maui.NeoControls
Controls for Maui based on neumorphism tendency
[](https://www.nuget.org/packages/NeoControls.Maui/)
[](https://github.com/felipebaltazar/Maui.NeoControls/actions/workflows/PackageCI.yml)
## Examples
## 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 |
