Awesome
<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 | |
---|---|
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/>
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:
- Avalonia by the AvaloniaUI Team.
To Do
- Documentation
How To Collaborate
Just enter to the follow Gitter chat!
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>