# What's the best way to display animated GIFs? \[solved\]
**URL:** https://community.thunkable.com/t/whats-the-best-way-to-display-animated-gifs-solved/274715
**Category:** Questions about Thunkable X
**Tags:** solved
**Created:** [October 16, 2019, 12:10pm UTC](https://community.thunkable.com/t/whats-the-best-way-to-display-animated-gifs-solved/274715 "2019-10-16T12:10:54Z")
**Posts on this page:** 15
**Page:** 1
### Author:  [@ibikdashiig6zu](https://community.thunkable.com/u/ibikdashiig6zu)
#### Post date: [October 16, 2019, 12:10pm UTC](https://community.thunkable.com/t/whats-the-best-way-to-display-animated-gifs-solved/274715/1 "2019-10-16T12:10:54Z")
Hi how i can play gif image using canavas in thunkable cros?
any one can help
---
### Author:  [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [October 16, 2019, 12:53pm UTC](https://community.thunkable.com/t/whats-the-best-way-to-display-animated-gifs-solved/274715/2 "2019-10-16T12:53:53Z")
Do you have to use the Canvas for this? The native `image` component is capable of animated GIF support right out of the box.
---
### Author:  [@ibikdashiig6zu](https://community.thunkable.com/u/ibikdashiig6zu)
#### Post date: [October 16, 2019, 1:20pm UTC](https://community.thunkable.com/t/whats-the-best-way-to-display-animated-gifs-solved/274715/3 "2019-10-16T13:20:43Z")
really thank you for ur information it works normally in image block .
---
### Author:  [@overshield](https://community.thunkable.com/u/overshield)
#### Post date: [February 4, 2020, 11:40pm UTC](https://community.thunkable.com/t/whats-the-best-way-to-display-animated-gifs-solved/274715/4 "2020-02-04T23:40:00Z")
Is there not a way to add a .json animation to a canvas?
---
### Author:  [@jared](https://community.thunkable.com/u/jared)
#### Post date: [February 5, 2020, 12:24am UTC](https://community.thunkable.com/t/whats-the-best-way-to-display-animated-gifs-solved/274715/5 "2020-02-05T00:24:03Z")
Hello @overshield! Welcome to the community!! š š
to use the .json animations, drag and drop an āanimationā component into your screen or component tree in the design editor.
you see the highlighted item in the tree. the pigeon is the .json animation
---
### Author:  [@overshield](https://community.thunkable.com/u/overshield)
#### Post date: [February 5, 2020, 12:40am UTC](https://community.thunkable.com/t/whats-the-best-way-to-display-animated-gifs-solved/274715/6 "2020-02-05T00:40:08Z")
Hi, ya Iāve added jsons to screens via animations, but Iām wanting an animation to actually be on a canvas or stage, is this possible?
Thanks again
---
### Author:  [@jared](https://community.thunkable.com/u/jared)
#### Post date: [February 5, 2020, 12:49am UTC](https://community.thunkable.com/t/whats-the-best-way-to-display-animated-gifs-solved/274715/7 "2020-02-05T00:49:46Z")
will the animation be in a fixed position? will you be moving it?
---
### Author:  [@overshield](https://community.thunkable.com/u/overshield)
#### Post date: [February 5, 2020, 1:12am UTC](https://community.thunkable.com/t/whats-the-best-way-to-display-animated-gifs-solved/274715/8 "2020-02-05T01:12:19Z")
No it would be fixed on the stage or canvas, just animating in place when called
---
### Author:  [@jared](https://community.thunkable.com/u/jared)
#### Post date: [February 5, 2020, 1:17am UTC](https://community.thunkable.com/t/whats-the-best-way-to-display-animated-gifs-solved/274715/9 "2020-02-05T01:17:36Z")
do some searching for the DIY workaround for a Fixed Action Button. You can do the same for your animation if nothing else works.
i think you could use the animation component. Set z-index to 1.  Set the position to absolute.  set visibility as false.  and only set as true when certain conditions are met within the app.
---
### Author:  [@overshield](https://community.thunkable.com/u/overshield)
#### Post date: [February 5, 2020, 2:27am UTC](https://community.thunkable.com/t/whats-the-best-way-to-display-animated-gifs-solved/274715/10 "2020-02-05T02:27:14Z")
You have a Z index option for an animation component?
Iām able to do it if I put it in a column first, then adjust the columns, then I have to change the margins & padding? But I still donāt actually see in the live test.
Can you create a project of your example?
---
### Author:  [@jared](https://community.thunkable.com/u/jared)
#### Post date: [February 5, 2020, 3:28am UTC](https://community.thunkable.com/t/whats-the-best-way-to-display-animated-gifs-solved/274715/11 "2020-02-05T03:28:47Z")
Sure thing! @overshield [Thunkable](https://x.thunkable.com/projects/5df3c3a9786143b77d64902a/07a76075-3179-427d-b9cc-f506836d5349/designer)
it should load on the first screen. push the button to make the animation appear. keep in mind, you can replace a button press with other in-app actions
---
### Author:  [@overshield](https://community.thunkable.com/u/overshield)
#### Post date: [February 5, 2020, 5:22am UTC](https://community.thunkable.com/t/whats-the-best-way-to-display-animated-gifs-solved/274715/12 "2020-02-05T05:22:45Z")
[https://x.thunkable.com/projects/5e3a2403adde5204c6b05f52/006e9633-401b-434a-8906-c1da2c499878/designer](https://x.thunkable.com/projects/5e3a2403adde5204c6b05f52/006e9633-401b-434a-8906-c1da2c499878/designer)
Mine isnāt showing me anything when I preview it
---
### Author:  [@jared](https://community.thunkable.com/u/jared)
#### Post date: [February 5, 2020, 5:31am UTC](https://community.thunkable.com/t/whats-the-best-way-to-display-animated-gifs-solved/274715/13 "2020-02-05T05:31:12Z")
Sorry about that, I shared the project page. not the share link.
Here you go: [Thunkable](https://x.thunkable.com/copy/38eacbb7baf2384126a94354c9747ded)
---
### Author:  [@miaabe5l](https://community.thunkable.com/u/miaabe5l)
#### Post date: [August 24, 2020, 2:46am UTC](https://community.thunkable.com/t/whats-the-best-way-to-display-animated-gifs-solved/274715/14 "2020-08-24T02:46:58Z")
Hi there I need some help trying to put an animated gif in the corner of a canvas for a game
but when it put it in it doesnt move
if u fix it can u send me a project as an example
Thanks
---
### Author:  [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 11:41am UTC](https://community.thunkable.com/t/whats-the-best-way-to-display-animated-gifs-solved/274715/15 "2024-11-08T11:41:14Z")