Animation by Lottie

Animation Overview
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
Visible
Toggle whether your end users can see the Animation
True/False
Blocks
Events
You can trigger some action to happen when the animation is clicked using the 'when Animation Click' event.
Properties
Change the properties of your Animation component
Animation
Loop
Computed Height
Returns the height of the Animation on the device screen in pixels.
Computed Width
Visible

Map

Video

Last modified 4mo ago

Export as PDF

Copy link

Contents