# Animations for components

**URL:** <https://community.thunkable.com/t/animations-for-components/22193>\
**Category:** Questions about Thunkable X\
**Created:** [April 15, 2018, 11:28am UTC](https://community.thunkable.com/t/animations-for-components/22193 "2018-04-15T11:28:44Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ali\_Aydin](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ali_aydin/32/7989_2.png) [@Ali\_Aydin](https://community.thunkable.com/u/Ali_Aydin)\
**Post date:** [April 15, 2018, 11:28am UTC](https://community.thunkable.com/t/animations-for-components/22193/1 "2018-04-15T11:28:45Z")

</div>

Is it possible add support animations?

[http://community.thunkable.com/t/free-extension-animacion-update-10-11-2017/5015](http://community.thunkable.com/t/free-extension-animacion-update-10-11-2017/5015)

I love this extension its good for ui.How can we do it on Thunkable X ?

---

<div class="post-metadata">

**Author:** ![albert](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/albert/32/4077_2.png) [@albert](https://community.thunkable.com/u/albert)\
**Post date:** [April 16, 2018, 3:17pm UTC](https://community.thunkable.com/t/animations-for-components/22193/2 "2018-04-16T15:17:02Z")

</div>

Hi there. We actually have a very powerful and popular animation component powered by Lottie.

More details below – and some [sample apps](https://docs.thunkable.com/x/get%20started/sample-apps.html) have them implemented as well  
[https://docs.thunkable.com/x/components/user-interface/lottie.html](https://docs.thunkable.com/x/components/user-interface/lottie.html)

---

<div class="post-metadata">

**Author:** ![Ali\_Aydin](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ali_aydin/32/7989_2.png) [@Ali\_Aydin](https://community.thunkable.com/u/Ali_Aydin)\
**Post date:** [April 16, 2018, 8:46pm UTC](https://community.thunkable.com/t/animations-for-components/22193/3 "2018-04-16T20:46:47Z")

</div>

I know it.I ask for buttons.This extension add effects to components .But i will try lottie

---

<div class="post-metadata">

**Author:** ![Ali\_Aydin](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ali_aydin/32/7989_2.png) [@Ali\_Aydin](https://community.thunkable.com/u/Ali_Aydin)\
**Post date:** [April 18, 2018, 1:17pm UTC](https://community.thunkable.com/t/animations-for-components/22193/4 "2018-04-18T13:17:43Z")

</div>

Is it possible make lottie visible and unvisible ?

---

<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:** [October 1, 2019, 1:20pm UTC](https://community.thunkable.com/t/animations-for-components/22193/5 "2019-10-01T13:20:52Z")

</div>

what did you mean by visible and invisible for Lottie?

---

<div class="post-metadata">

**Author:** ![kartik14](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kartik14/32/44782_2.png) [@kartik14](https://community.thunkable.com/u/kartik14)\
**Post date:** [October 1, 2019, 1:52pm UTC](https://community.thunkable.com/t/animations-for-components/22193/6 "2019-10-01T13:52:36Z")

</div>

@BlueWhaleYT

He means -  
_ **"Is it possible to set the lottie animation to visible/invisible from blocks?"** _

Answer - Yes, it’s possible 👍

---

<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:** [October 1, 2019, 2:00pm UTC](https://community.thunkable.com/t/animations-for-components/22193/7 "2019-10-01T14:00:53Z")

</div>

Hi @Ali_Aydin.  
Of cource you can set it visible or invisible by the component properties or you can set it by the block structure.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [February 8, 2020, 7:20pm UTC](https://community.thunkable.com/t/animations-for-components/22193/8 "2020-02-08T19:20:27Z")

</div>

Hey everybody! I just wanted to share some of what I have been working on. I have been creating very basic workarounds for in-app animations with rows/columns specifically. Check it out!

![Animated GIF-downsized_large](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/6/269dfde77d8d215734df953baab3117bd4e4e6ba.gif)

---

<div class="post-metadata">

**Author:** ![mvgeek](https://avatars.discourse-cdn.com/v4/letter/m/779978/32.png) [@mvgeek](https://community.thunkable.com/u/mvgeek)\
**Post date:** [March 5, 2020, 6:27am UTC](https://community.thunkable.com/t/animations-for-components/22193/10 "2020-03-05T06:27:01Z")

</div>

It would be very helpful if you share how you managed to do this with us.

Thank you

---

<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:** [March 5, 2020, 9:33am UTC](https://community.thunkable.com/t/animations-for-components/22193/11 "2020-03-05T09:33:29Z")

</div>

These look great @jared!

> [@mvgeek](#):
>
> It would be very helpful if you share how you managed to do this with us

+1 😂

Would love to see something in #thunkable-cross-tutorials around this, let me know if I can help in any way!

---

<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, 11:40am UTC](https://community.thunkable.com/t/animations-for-components/22193/12 "2024-11-08T11:40:34Z")

</div>


