# Aura.UI

**Repository Path**: blue2015/Aura.UI

## Basic Information

- **Project Name**: Aura.UI
- **Description**: No description available
- **Primary Language**: C#
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-05-02
- **Last Updated**: 2022-05-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

[![Build Status](https://dev.azure.com/PieroCastillo/Aura.UI/_apis/build/status/PieroCastillo.Aura.UI)](https://dev.azure.com/PieroCastillo/AuraUI/_build/latest)
[![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/AuraDevCommunity/Aura-UI)
[![NuGet](https://img.shields.io/nuget/v/Aura.UI.svg)](https://www.nuget.org/packages/Aura.UI/)
[![MyGet](https://img.shields.io/myget/auraui/vpre/Aura.UI.svg?label=myget)](https://www.myget.org/feed/auraui/package/nuget/Aura.UI)
[![downloads](https://img.shields.io/nuget/dt/Aura.UI.svg)](https://www.nuget.org/packages/Aura.UI) 
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) 
![Size](https://img.shields.io/github/repo-size/PieroCastillo/Aura.UI)

<h1 align="center">
<img src="DesignSources/AuraUILogo_full_icon.png" width="256"/> 
<br/><br/> 
Aura.UI
</h1>


<h2 align="center">Control's Library for Avalonia</h2>

# Overview

| Available Controls |  | 
| -----------------  | --- | 
| FloatingButtonBar | ModernSlider |
| ProgressRing | GroupBox |
| CardCollection | AuraTabView |
| NavigationView | Ribbon |
| ContentDialog | MessageDialog |
| BlurryImage | Badge |
| RadialSlider

# Install

<h2>First Step</h2>

Go to the next link: https://www.nuget.org/packages/Aura.UI .

<h2>Second Step</h2>

Install Aura.UI with Visual Studio or dotnetCLI:

<h3>Visual Studio</h3>

Open the Nuget Packages Manager on your project and search 
Aura.UI.

<img src="Pictures\aura.ui stb 1.3 vs.png" ></img>

<h3>Dotnet CLI</h3>

Open the terminal on the root folder of your project and write <br/>
```cmd
dotnet add package Aura.UI --version 0.1.4.2
```

And don't forget install the Styles
```cmd
dotnet add package Aura.UI.FluentTheme --version 0.1.4.2
```


# Preparation

For Fluent Theme add these Styles to App.xaml

```xml
<Application xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             x:Class="YourApp.App">
   <Application.Styles>
      <FluentTheme Mode="Light"/>
      <StyleInclude Source="avares://Aura.UI.FluentTheme/AuraUI.xaml"/>
   </Application.Styles> 
</Application>
```

And for Default Theme add these Styles to App.xaml

```xml
<Application  xmlns="https://github.com/avaloniaui"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              x:Class="YourApp.App">
   <Application.Styles>
      <StyleInclude Source="avares://Avalonia.Themes.Fluent/Accents/BaseLight.xaml"/>
      <StyleInclude Source="avares://Aura.UI.FluentTheme/AuraUI.xaml"/>
      <StyleInclude Source="avares://Avalonia.Themes.Default/Accents/BaseLight.xaml"/>
      <StyleInclude Source="avares://Avalonia.Themes.Default/DefaultTheme.xaml"/>
   </Application.Styles> 
</Application>
```

# Gallery

## Sample
<img src="./screenshots/aura.ui_sample_light.png" width="500">
<img src="./screenshots/aura.ui_sample_dark.png" width="500">

## AuraTabView
<img src="./screenshots/auratabview_light.png" width="500">
<img src="./screenshots/auratabview_dark.png" width="500">

## Badge
<div>
<img src="./screenshots/badge_light.png" width="250">
<img src="./screenshots/badge_dark.png" width="250">
</div>

## BlurryImage
<img src="./screenshots/blurryimage_neutral.gif" width="500">

## CardCollection 
<img src="./screenshots/cardcollection_light.png" width="500">
<img src="./screenshots/cardcollection_dark.png" width="500">

## ContentDialog
<img src="./screenshots/contentdialog_light.png" width="500">
<img src="./screenshots/contentdialog_dark.png" width="500">

## FloatingButtonBar
<img src="./screenshots/floatingbuttonbar_light.gif" width="500">
<img src="./screenshots/floatingbuttonbar_dark.gif" width="500">

## GroupBox
<img src="./screenshots/groupbox_light.png" width="500">
<img src="./screenshots/groupbox_dark.png" width="500">

## MessageDialog
<img src="./screenshots/messagedialog_light.png" width="500">
<img src="./screenshots/messagedialog_dark.png" width="500">

## ModernSlider 
<img src="./screenshots/modernslider_light.gif" width="500">
<img src="./screenshots/modernslider_dark.gif" width="500">

## NavigationView 
<img src="./screenshots/navigationview_light.png" width="500">
<img src="./screenshots/navigationview_dark.png" width="500">

## ProgressRing
<div>
<img src="./screenshots/progressring_light.gif" width="500">
<img src="./screenshots/progressring_dark.gif" width="500">
</div>
<div>
<img src="./screenshots/progressring_indeterminate_light.gif" width="500">
<img src="./screenshots/progressring_indeterminate_dark.gif" width="500">
</div>

## RadialSlider
<div>
<img src="./screenshots/radialslider_light.gif" width="500">
<img src="./screenshots/radialslider_dark.gif" width="500">
</div>

## Ribbon
<img src="./screenshots/ribbon_light.png" width="500">
<img src="./screenshots/ribbon_dark.png" width="500">

# Nightly Versions

When you want to install unstable versions, add the next link to Nuget Sources:

```
https://www.myget.org/F/auraui/api/v3/index.json
```

# Aura.UI License

Aura.UI is an Open Source controls library with MIT license, so, feel free to use it in Non-Commercial and Commercial Projects.  

## Credits 

This library is possible thanks to the follow projects:
   * [Avalonia](http://avaloniaui.net/) by the AvaloniaUI Team.

## To Do

- Documentation


# How To Collaborate

Just enter to the follow Gitter chat! 

[![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/AuraDevCommunity/Aura-UI) 

Or make a pull request! All pull request are welcome!

# Special thanks to

<a href="https://jb.gg/OpenSource"><img height="200" src="logos/jetbrains-variant-2.svg"><a>