# Thunkable X Animation

**URL:** <https://community.thunkable.com/t/thunkable-x-animation/76582>\
**Category:** Questions about Thunkable X\
**Created:** [May 19, 2019, 10:33am UTC](https://community.thunkable.com/t/thunkable-x-animation/76582 "2019-05-19T10:33:15Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\
**Post date:** [May 19, 2019, 10:33am UTC](https://community.thunkable.com/t/thunkable-x-animation/76582/1 "2019-05-19T10:33:15Z")

</div>

I see have a components of “Animation by Lottie”.That’s quite great. If I want components of animation? Example slide to left, fade out etc. Either these animation are not exist now?

---

<div class="post-metadata">

**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\
**Post date:** [May 19, 2019, 10:35am UTC](https://community.thunkable.com/t/thunkable-x-animation/76582/2 "2019-05-19T10:35:10Z")

</div>

Cause if it have these animation. The modern design will be more large creative. 🙂

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 21, 2019, 9:25am UTC](https://community.thunkable.com/t/thunkable-x-animation/76582/3 "2019-05-21T09:25:01Z")

</div>

Yes, there is no user animation component yet. Theoretically, you can make your animation, but this is a difficult way. It is necessary in the timer to change the values ​​of the properties of objects - color, size, etc., that blocks can. But such an animation will not be smooth.

---

<div class="post-metadata">

**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\
**Post date:** [May 21, 2019, 9:38am UTC](https://community.thunkable.com/t/thunkable-x-animation/76582/4 "2019-05-21T09:38:41Z")

</div>

Your suggestion is so great. You said can do it by myself. Would you have a sample app let me know more? Thx 🙂

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 21, 2019, 9:50am UTC](https://community.thunkable.com/t/thunkable-x-animation/76582/5 "2019-05-21T09:50:20Z")

</div>

I am correcting my project now and I don’t know if it will work, on the scrGame1 screen there is an example of ball animation. See how its coordinate changes after impact. Also on the scrDialogs screen there is a smooth display of the Toast tooltip after selecting an option in the dialog.

[https://x.thunkable.com/projects/5cd84f23e3097f3353fdad45/project/properties/designer](https://x.thunkable.com/projects/5cd84f23e3097f3353fdad45/project/properties/designer)

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [May 21, 2019, 9:55am UTC](https://community.thunkable.com/t/thunkable-x-animation/76582/6 "2019-05-21T09:55:31Z")

</div>

If you’re looking for Animation files you can try [Lottie Files](https://lottiefiles.com/)

But if I understand correctly you want to be able to animate components like the button, for example?

---

<div class="post-metadata">

**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\
**Post date:** [May 21, 2019, 10:00am UTC](https://community.thunkable.com/t/thunkable-x-animation/76582/7 "2019-05-21T10:00:18Z")

</div>

Something like slide to left, fade out these.(components appear animation)

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [May 21, 2019, 10:00am UTC](https://community.thunkable.com/t/thunkable-x-animation/76582/8 "2019-05-21T10:00:52Z")

</div>

Got it, will forward this to the team.

Thanks.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:13pm UTC](https://community.thunkable.com/t/thunkable-x-animation/76582/9 "2024-11-08T12:13:42Z")

</div>


