Skip to content

Animation

Tick UI provides hover, press, and reveal animations for widgets. Tick UI owns the animation state, keyed by the same ID system as widget state. Your code reads animated values from a context and uses them in draw calls.

This section contains the following pages:

  • How animation works: the animation model, including animation contexts, enter and leave transitions, event-driven states, and where animated values come from.
  • Animation guide: patterns for multi-widget animations, named events, and the curve catalogue.
  • Add an animation: the procedure for animating a single widget.

For the per-widget pattern of button hover and press, refer to Make a button.