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.
Video Tutorial
See a video tutorial for using Animations in your Thunkable project here:
Properties
Animation
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
Layout
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]
Blocks
Events
You can trigger some action to happen when the animation is clicked using the 'when Animation Click' event.