# Replay when ever in view

**URL:** <https://forum.lottiefiles.com/t/replay-when-ever-in-view/2261>\
**Category:** Lottie in Web\
**Created:** [February 13, 2022, 1:09pm UTC](https://forum.lottiefiles.com/t/replay-when-ever-in-view/2261 "2022-02-13T13:09:02Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![adam1](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/adam1/32/1583_2.png) [@adam1](https://forum.lottiefiles.com/u/adam1)\
**Post date:** [February 13, 2022, 1:09pm UTC](https://forum.lottiefiles.com/t/replay-when-ever-in-view/2261/1 "2022-02-13T13:09:02Z")

</div>

hey im trying to get an animation to replay whenever it comes into view, how can i do this using Lottie files?

---

<div class="post-metadata">

**Author:** ![irbypace](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/irbypace/32/3165_2.png) [@irbypace](https://forum.lottiefiles.com/u/irbypace)\
**Post date:** [February 14, 2022, 9:21pm UTC](https://forum.lottiefiles.com/t/replay-when-ever-in-view/2261/2 "2022-02-14T21:21:55Z")

</div>

Are you asking for in After Effects or in your CMS?

---

<div class="post-metadata">

**Author:** ![jwinter26](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/jwinter26/32/4060_2.png) [@jwinter26](https://forum.lottiefiles.com/u/jwinter26)\
**Post date:** [February 22, 2022, 8:52pm UTC](https://forum.lottiefiles.com/t/replay-when-ever-in-view/2261/3 "2022-02-22T20:52:36Z")

</div>

I’m trying to solve the same question as adam1. How can i get an Lottie to play when it enters the view port, then stops. It leaves the view port. And replays when the Lottie comes back into the view port? I’m using React. Thank you