Animation Component
The Animation component powered by Lottie makes adding animations as easy as adding images. For designers, animations can be created in Adobe After Effects or Haiku and imported as a
.json
file.For the rest of us, there is a large and growing community of designers who have created free and editable animations that you can easily add to your app.

See a video tutorial for using Animations in your Thunkable project here:
Property | Description | Data Type |
---|---|---|
Animation | The name of a JSON animation you wish to display | Text |
Loop | Toggle whether Animation loops or not | True/False |
Property | Description | Data Type |
X | Location of top left corner of Animation on X-axis, where the left hand side is X=0 | Number |
Y | Location of top left corner of Animation on Y-axis, where the top side is Y=0 | Number |
Height | Height of Animation in pixels | Number |
Width | Width of Animation in pixels | Number |
Resize Mode | Define dimensions of the animation component/container | Select from list [Stretch, Float in Place] |
You can trigger some action to happen when the animation is clicked using the 'when Animation Click' event.




Returns the height of the Animation on the device screen in pixels.


Last modified 1mo ago