What's happening here?

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,
});
🎬 Animation Addon: laymur-animations provides common UI animation patterns like appear, fade, slide, and bounce effects. It's a collection of the most frequently used UI animations built on top of GSAP for Laymur elements.
📦 Third-party Addon: laymur-animations is a separate addon package that requires laymur and GSAP as peer dependencies. Install with npm install laymur-animations.