Home

Awesome

Build Status Gitter NuGet MyGet downloads PRs Welcome Size

<h1 align="center"> <img src="https://raw.githubusercontent.com/PieroCastillo/Aura.UI-Sources/main/DesignSources/AuraUILogo_full_icon.png" width="256"/> <br/><br/> Aura.UI </h1> <h2 align="center">Control's Library for Avalonia</h2>

Overview

Available Controls
FloatingButtonBarModernSlider
ProgressRingGroupBox
CardCollectionAuraTabView
NavigationViewRibbon
ContentDialogMessageDialog
BlurryImageBadge
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/>

dotnet add package Aura.UI --version 0.1.4.2

And don't forget install the Styles

dotnet add package Aura.UI.FluentTheme --version 0.1.4.2

Preparation

For Fluent Theme add these Styles to App.xaml

<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

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

To Do

How To Collaborate

Just enter to the follow Gitter chat!

Gitter

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>