Overview

Introduction

Animation in UI libraries are somewhat underappreciated, CoshUI on the other treats animation as something necessary. Although primitive for now, it gives the user massive flexibility for their UI systems out of the box without needing to hardcode or roll their own logic.

---

Animate Function

The animate() function is how the users access the animation system in CoshUI. It takes in simple values like the property you want to animate, ID of the Node you want to animate, the end value, the duration of the animation, and the easing curve.

To learn more, check out the Animate Function section.

---

Properties

The animate() function lets you change the value of multiple properties, it's mainly the main style properties you can mutate.

To learn more about the animatable properties, check out the Properties section.

---

Easing

Easing lets you change the way animations happen for a Node, whether it be bouncing for a little bit before going to its final value, overshooting then getting pulled back to its final value like a rubber band, speed up then slow down or vice versa, and more.

To learn more about the different easing curves, check out the Easing section.