Skip to content

EbinJohn/SukiUI

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Suki is the name of my dog :-)

✨ SukiUI

Desktop UI Library for AvaloniaUI !


⚠️ Mobile Controls will be removed in a future version and moved to a new mobile library named Cheryl UI

A lot of work has been done on mobile controls to create a 'serious' mobile solution for Avalonia in Cheryl UI. SukiUI will now focus only on desktop controls.


🎉 New 5.1.0 Release Notes
- Some new animations and slight style changes
- Switch animation smoother and reacting when long press before switching when released


- Trying to add features to existing controls to add rich interactions trough AttachedProperties and extensions methods.

New code involved :

ButtonSignIn.ShowProgress();   // Use ShowProgress Method on a Button to show Loading Circle
ButtonSignIn.HideProgress();   // Hide the Loading Circle

PasswordTextBox.Error("Wrong Password");   // Trigger the error animation with a custom message

Moreover, I want to create "quick animations" that can be triggered on any control via extension methods. For new there are :


AnyControl.Vibrate(TimeSpan.FromSeconds(1));   // Make the control vibrate during 1 second
AnyControl.Jump();   // Make the control do a double jump animation

AnyControl.Animate<double>(WidthProperty, 100, 200);    // animate the width of a control from 100 to 200


I want to focus the development of the library on these kind of interactions. I consider the style of the library almost definitive, and now it is important to make the controls rich and featureful. These kind of interactions are now the user projection of the quality of the software, so it is important to me to make it acessible for the desktop developers and included in the library.

So, please do not hesitate to suggest a micro interaction like this first example.
New Control : SettingsLayout

Orginazing a nice and elegant settings page has always been a kind of nightmare/mystery to me. How to organize these little TextBoxes and Switches in so much window space ? How to handle the window resizing ? ..

This is why I ended up with this control to try to solve that layout problem while trying to be elegant and responsive in the style of SukiUI. SettingsLayout Documentation

You have an idea ? A simple critic of the library ? Do not hesitate to send me an email to share your personal feedback.

👐 Demo

Desktop Controls

Some desktop design "sketch" using SukiUI 5.0.0 :

Desktop Controls Documentation

Mobile Controls

Mobile Controls Documentation

📦 Usage

Installation


Controls Documentation

About

UI Theme for AvaloniaUI

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • C# 98.0%
  • Other 2.0%