---
title: MoveInAnimation
framework: applenewsformat
role: symbol
role_heading: Object
path: applenewsformat/moveinanimation
---

# MoveInAnimation

The animation whereby a component moves in from the side of the screen.

## Declaration

```data
object MoveInAnimation
```

## Properties

type: This animation always has the type move_in. preferredStartingPosition: Indicates which side of the screen is the starting point of the animation. Valid values: left: Move the component in from the left side of the screen. right: Move the component in from the right side of the screen. By default, the animation starts on the side that’s closest to the component. userControllable: Indicates whether the animation happens in response to user action (true) or happens automatically (false).

## Mentioned in

About Component Animations

## Discussion

Discussion With this animation type the component moves into view from the left or right side of the screen. Initially, the component is out of view as shown in this video. You can configure a preferred starting position, but the position is not guaranteed. For example, if another component is blocking the preferred position, the MoveInAnimation attempts to start from the opposite side. If both sides are covered by other components, Apple News doesn’t apply the MoveInAnimation. Example {   "components": [     {       "role": "heading1",       "text": "2. Unbeatable Heat"     },     {       "role": "figure",       "URL": "bundle://figure.jpg",       "animation": {         "type": "move_in",         "preferredStartingPosition": "left"       }     }   ] }

## Relationships

### Inherits From

- [ComponentAnimation](applenewsformat/componentanimation.md)

## See Also

### Related Documentation

- [Adding Animations](applenews/adding-animations.md)

### Animations

- [About Component Animations](applenews/about-component-animations.md)
- [ComponentAnimation](applenewsformat/componentanimation.md)
- [AppearAnimation](applenewsformat/appearanimation.md)
- [FadeInAnimation](applenewsformat/fadeinanimation.md)
- [ScaleFadeAnimation](applenewsformat/scalefadeanimation.md)
