This example demonstrates laymur-animations addon for creating smooth entrance animations with UI elements. Common UI animations like fade-in, slide-in, and appear effects are applied to elements using UIAppearAnimator, providing ready-to-use animation patterns for UI.
// Enable transparency for animations
logotype.transparency = true;
// Animate logotype appearing from bottom-left
UIAppearAnimator.appear(logotype, {
xFrom: -100,
yFrom: 100,
delay: 0.25,
duration: 0.5,
});
// Animate multiple elements together
text.transparency = true;
bubble.transparency = true;
UIAppearAnimator.appear([text, bubble], {
xFrom: -100,
yFrom: -50,
delay: 1.0,
duration: 0.5,
});
npm install laymur-animations
.