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)|[![GitHub last-commit](https://img.shields.io/github/last-commit/felipebaltazar/Maui.NeoControls?style=flat-square)](https://github.com/felipebaltazar/Maui.NeoControls/commits) (UI)
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")