avalonia-pro-max/motion
Installation
SKILL.md
Motion in Avalonia
Two complementary systems:
| System | Purpose | When |
|---|---|---|
Transitions |
Animate property changes automatically when value changes | Hover/press, layout, color, size |
Animation (Style.Animations) |
Time-based keyframed animation | Skeleton shimmer, indeterminate spinner, attention pulse |
PageTransition (FluentAvalonia / TabControl) |
Whole-view transitions | Frame navigation, tab swap |
Target durations:
| Type | Duration | Easing |
|---|---|---|
| Micro (hover, press) | 100–150 ms | LinearEasing or QuadraticEaseOut |
| Standard (panel slide, fade) | 200–300 ms | CubicEaseOut |
| Large (page transition) | 300–400 ms | ExponentialEaseOut |
| Exit | ~70% of enter | Same family |