<!--
{
  "documentType" : "article",
  "framework" : "AppleNewsFormat",
  "identifier" : "/documentation/AppleNews/about-component-animations",
  "metadataVersion" : "0.1.0",
  "role" : "article",
  "title" : "About Component Animations"
}
-->

# About Component Animations

Learn how to affect the way in which components come into view.

## Discussion

An animation is an effect, such as a fade-in, that’s applied to an individual component. Apple News Format has these animations for components:

- [`AppearAnimation`](/documentation/AppleNewsFormat/AppearAnimation). Causes the component to appear.
- [`FadeInAnimation`](/documentation/AppleNewsFormat/FadeInAnimation). Causes the component to fade into view.
- [`MoveInAnimation`](/documentation/AppleNewsFormat/MoveInAnimation). Causes the component to move into view from the left or right side of the screen.
- [`ScaleFadeAnimation`](/documentation/AppleNewsFormat/ScaleFadeAnimation). Causes the component to fade into view and scale up.

An *animation* is different from a *behavior*. An animation occurs only once each time the user views the article, while a behavior is persistent and always in effect as long as the user is viewing the article. See <doc://com.apple.applenews/documentation/AppleNews/about-component-behaviors>.

You can apply a combination of animations and behaviors to a `chapter` or `section` component by using a scene. See <doc://com.apple.applenews/documentation/AppleNews/adding-a-scene-to-a-chapter-or-a-section-header>.

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)